Ajax :使用Jquery方式处理返回的数据

找到工作了,不过offer还没有发过来,很紧张的。他们说我实习的时候就要直接进项目组。郁闷死了,和我一起面试上的很多人很强,他们到了还要培训3个月,我呢?实力普通却直接去项目组。希望遇到个好师傅带我。Infosys 不知道对新员工怎么样呢!现在只有狂练基本功了。呵呵,废话不多说了。

Ajax的编程中对返回的文本如何处理呢,昨天我已经发了javascript的处理的三种方式了,今天搞了一个上午才写了下JQuery的三种方式。主要是装spket插件费了好长时间 ,还好现在终于有JQuery的智能提示了,提示很强,与IntillJ idea 有的一拼。如果想知道如何装spket的话看下一篇文章…………代码在附件里,有兴趣的朋友下载一下。

1.处理普通文本数据

$.ajax({
data:"name="+name,       //要发送的数据
type:"GET",           //发送的方式
url:"AjaxJqueryXml", //url地址
error:function(msg){ //处理出错的信息
alert("error " + msg);
},
success:function(msg){  //处理正确时的信息
alert("success" + msg)
//将返回的数据输出到网页的<span id="result">中
$("#result").html(msg);
}
});
2.处理xml格式的数据
$.ajax({
data:"name="+name,       //要发送的数据
type:"GET",           //发送的方式
url:"AjaxJqueryXml", //url地址
error:function(msg){ //处理出错的信息
alert("error " + msg);
},
success:function(msg){  //处理正确时的信息
alert("success" + msg)
//将返回的数据输出到网页的<span id="result">中
$("#result").html(msg);
}
});
3.处理Json格式的数据

//处理json格式的返回数据

//校验用户名
function verifyUser(){
//获得用户名
var name = $("#name").val();
//检查用户名是否为空
if(name.trim() == ""){
alert("用户名不可以为空");
return false;
}
//如果不为空则发送到服务器端
/*$.ajax({
data:"name="+name,       //要发送的数据
type:"GET",           //发送的方式
url:"AjaxJqueryJson", //url地址
// dataType:"json", //要求返回的数据类型----------》加上这句时返回时出现 error
error:function(json){ //处理出错的信息
alert("error " + json);
},
success:function(json){  //处理正确时的信息
var result = eval("("+json+")").msg;           //eval()将返回的Json转为对象
alert("success" + result);
//将返回的数据输出到网页的<span id="result">中
$("#result").html(result);
}
});*/
//使用$.get()处理
$.get("AjaxJqueryJson",
{name:name},
function(data){
var json = eval("(" + data + ")");
// alert(json);
//输出到页面
$("#result").html(json.msg);
}//,
// "json"   //数据的类型--->价格这项就会出错,困惑--------^i^
);
}


个人感觉我上面的处理Json的代码虽然可以得到结果,但是还是有些困惑的地方,恩有待加强。下次可能就要到Ajax与Struts2的集成了。