Ajax 施用Jquery与服务器的交互
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的集成了。哈哈，今天老师推荐学习一下Extjs框架。e,虽然快工作了，但是学习还不可以懈怠。努力！！！！！！！
<!--EndFragment-->