1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > jquery中ajax应用——get()和post()

jquery中ajax应用——get()和post()

时间:2022-03-08 19:32:57

相关推荐

jquery中ajax应用——get()和post()

全栈工程师开发手册 (作者:栾鹏)

jquery系列教程6-AJAX全解

jquery中ajax应用——get()和post()

get和post发送数据的方式不同,但是在jquery的ajax中这种区别对用户不可见。get传输的数据大小有限制,get请求的数据会被浏览器缓存,两种方式在服务器端的接收不同。

get()

jquery中的get函数形式为$.get(URL,data,callback,type);

代码如下:

$.get("web.jsp",{name:"name1", //get方法中的数据不仅可以是映射方法,也可以是"name=name1&age=12"的字符串方式,age:"12"//如果有中文,要使用编码,"name="+encodeURIComponent("栾鹏")+"&age=12"},function(data,textStatue){ //data表示返回的内容,可以是xml,JSON文件,HTML片段。textStatus表示请求状态:sucess,error,notmodified,timeout4种$("#div1").html(data);//如果是html片段,直接设置代码段username = $(data).find("comment").attr("username");//如果是xml文档,则使用$转化为dom对象username = data.username; //如果是json数据,当成对象使用});

post()

jquery中的post函数形式为$.post(URL,data,callback);

代码如下:

$.post("web.jsp", $("#form1").serialize(), //serialize序列化表单内容,作为jQuery的表单对象的函数。function(data,textStatue){//data表示返回的内容,可以是xml,JSON文件,HTML片段。textStatus表示请求状态:sucess,error,notmodified,timeout4种$("#div1").html(data);//如果是html片段,直接设置代码段username = $(data).find("comment").attr("username");//如果是xml文档,则使用$转化为dom对象username = data.username; //如果是json数据,当成对象使用});

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。