jQuery自带的Ajax函数使用过程注意事项
1. 以GET方式发送Ajax请求
$.get(url, // 请求地址
requestData, // 请求数据
function(responseData){
// 响应数据处理函数
});
请求参数以JSON形式封装
requestData = {username:$(#username).val()}
2. 同理支持以POST方式发送Ajax请求
$.post(url, reqData, function(repData){...});
3. 如何使用JavaScript处理服务端返回的JSON数据
假如服务端返回的数据为
{"name":"tom", "age":20, "tel":13877665544}
这其实是一个javascript对象数据
客户端接到此数据后首先还原javascript对象,然后就可以取对象属性
var user = eval("(" + data + ")"); //还原对象
user.name // 取对象属性
user.age
user.tel
这样就可以直接访问javascript对象的属性
如果对象为数组,使用 user[0] 数组下标方式访问
4. jQuery提供 serialize() 方法来把整个表单请求参数全部序列化
<form id="queryForm">...</form>
$.get(url,
$("#queryForm").serialize(), // 表单序列化
function(data) {
// ...
});
分享到:
相关推荐
Jquery跨域访问Web服务的demo源码
主要介绍了为jquery的ajax请求添加超时timeout时间的操作方法,文中通过一段简单的代码给大家介绍jquery ajax超时设置方法,感兴趣的朋友跟随脚本之家小编一起看看吧
jquery中ajax请求后台数据成功后既不执行success也不执行error,此外系统报错:Uncaught SyntaxError: Unexpected identifier at Object.success,但后台能够返回数据,原代码如下: var source=[]; $.ajax({ ...
jQuery-ajax-用户名异步请求,转载请注明出处:https://blog.csdn.net/qq_40374604(如有需要欢迎留言,我一定会尽快解答)
一个完整的jquery+ajax传送请求的实例
今天小编就为大家分享一篇jQuery中ajax请求后台返回json数据并渲染HTML的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
jQuery-ajax-json实现自动轮播图.rar
主要介绍了jquery跨域请求示例(jquery发送ajax请求),需要的朋友可以参考下
下面是在项目中封装了jQuery的Ajax,分享给大家。 代码: 代码如下: // ajax 请求参数 var ajaxSettings = function(opt) { var url = opt.url; var href = location.href; // 判断是否跨域请求 var ...
jquery中ajax常用的方法,jQuery ajax框架常用方法总结.docx
JQuery发起ajax请求Struts2,并操作JSON数据的例子。去除了所有的jar,否则文件太大。详见http://blog.csdn.net/littleqiang520中的博文。
jQuery ajax 异步 请求
.ajaxStop()——请求结束时.ajaxSuccess()——请求成功时.load()——从服务端加载数据并将返回的HTML替换到选择的元素中jQuery.post()——使用HTTP POST请求加载服务端数据.serialize()——将form元素集编码成一个...
JQuery发送Ajax请求Struts2,并返回JSON的例子。该例子对应 http://blog.csdn.net/littleqiang520中的博文
Jquery progressbar通过Ajax请求获取后台进度演示(Struts2)
这是一个java的web样例工程,实现的是jquery+ajax传输
主要介绍了jQuery取消ajax请求的方法,可实现在Ajax请求超时的情况下取消请求的功能,需要的朋友可以参考下
本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。
主要介绍了jquery实现Ajax请求的几种常见方式,结合实例形式总结分析了jQuery实现ajax请求常用的load()、post()、get()及Ajax()方法相关操作技巧,需要的朋友可以参考下
jQuery 能帮助您保证代码简洁易读。您再也不必编写大堆重复的循环代码和 DOM 脚本库调用了。使用 jQuery,您可以把握问题的要点,并使用尽可能最少的代码实现您想要的功能。 毫无疑问,jQuery 的原理是独一无二的:...