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-->