位置: 编程技术 - 正文
浅析jQuery Ajax请求参数和返回数据的处理
编辑：rootadmin推荐整理分享浅析jQuery Ajax请求参数和返回数据的处理，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:,内容如对您有帮助，希望把文章链接给更多的朋友！
刚接触学会用jQuery ajax的时候，觉得真东西好神奇，这样就可以把数据取回来了啊。然后我可以把取回来的数据渲染到页面上，一颗赛艇。
之前很早接触到项目，并不知道怎么优雅的去用jquery ajax（现在也不优雅）；
那个时候看别人写的代码
有
$.post("","",...)
也有
$.get("","",...)
还有
$.ajax()
当然现在知道点，这些写法都是一个意思，还是习惯用 $.ajax() 写写吧。
之前的数据处理，发送数据请求(json的数据格式)，然后自己通过下面的方式
当时表单发送的参数项少，所以没觉得什么，到后来一个表单很多项数，也这么写，结果 request 就手工写了好多行，虽然能用吧，但是看看这样的代码就觉着哪里不对劲吧，至少很不“优雅”。
后来，发现其实jquery有个 serialize 的方法可以序列化表单数据，可以省事很多。
w3c_jquery_serialize-demo
处理返回数据，渲染到页面上去。
之前的做法也是和上面一模一样的吧，返回的数据是json数据格式的，然后分别取值赋值给页面元素，所以代码往往是这样的。
如果数据再多点，真的是感觉略难看。其实应该是有更好的做法的，返回的是一个json对象，所以我们可以通过遍历对象的属性值取到所有值然后依次渲染到页面对应元素即可。
对象遍历可以用 for-in 来写（有更好的方法来写么？）
上面name(或者其他tag在页面中先写好，和返回数据的属性一致)。
jQuery中ajax的4种常用请求方式
1.$.ajax()返回其创建的 XMLHttpRequest 对象。
$.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。
如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。
实例：
保存数据到服务器，成功时显示信息。
2.通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
实例：
3. 通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用 $.ajax。
实例：
4.通过 HTTP GET 请求载入 JSON 数据。
实例：
以上内容是小编给大家介绍的jQuery Ajax请求参数和返回数据的处理，希望对大家有所帮助！
jQuery实现验证年龄简单思路 这段代码假定环境是一个ID为age-form的form，三个ID分别为day，month，year。$("#age-form").submit(function(){varday=$("#day").val();varmonth=$("#month").val();varyear=$("#year").val(
jQuery使用contains过滤器实现精确匹配方法详解 本文实例讲述了jQuery使用contains过滤器实现精确匹配的方法。分享给大家供大家参考，具体如下：:contains选择器选取包含指定字符串的元素。该字符串可
JQuery ztree 异步加载实例讲解 本来要做一个文件目录浏览界面，需要遍历所有的文件和目录，很显然一次性读取时很费时费力的一件事情。因此就需要做异步加载....准备工作：1下载
上一篇：jQuery+formdata实现上传进度特效遇到的问题
下一篇：jQuery实现验证年龄简单思路(jquery校验)
