当前位置: 代码迷 >> Ajax >> Ajax 施用Jquery与服务器的交互
  详细解决方案

Ajax 施用Jquery与服务器的交互

热度:536   发布时间:2012-11-10 10:48:50.0
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的代码虽然可以得到结果,但是还是有些困惑的地方,恩有待加强。下次可能就要到AjaxStruts2的集成了。哈哈,今天老师推荐学习一下Extjs框架。e,虽然快工作了,但是学习还不可以懈怠。努力!!!!!!!

<!--EndFragment-->
  相关解决方案