JQuery学习(二)
2016-06-01 00:00
399 查看
摘要: JQuery如何使用Ajax
JQuery中如何使用AJAX?
1 . JQuery对象.load(URL);
返回结果自动添加到JQuery对象中,换句话说,谁调用返回给谁,这种方式发送的是 GET请求。
2. JQuery对象.load(URL,sendData);
sendData:发送的数据,必须是JSON格式(自动进行汉字编码,无需进行转码)
这种方式发送的是POST请求。
3. JQuery对象.load(URL,sendData,function(backData,textStatus,XMLHttpRequest){});
无名函数function(backData,textStatus,XMLHttpRequest)
backData:服务器返回的数据,是一个js对象
textStatus:服务器状态码的文本描述,例如:success、error
XMLHttpRequest:XMLHttpRequest对象
(注意:以上所有参数的名字可以任意,最好符合见名知意的命名规则)
4. 指定发送方式:
$post(URL,sendData,function(backData,textStatus,XMLHttpRequest){
// backData :如果服务器返回html ,则backData就是字符串(string)
如果服务器返回 JSON ,则backData就是 object。
});
同样get方式和上述post方式用法一样。
小知识点:
如果ajax中发送数据过多,建议使用serialize() 方法。
用法: jQuery对象.serialize()
作用:自动生成JSON格式的文本
注意:为每个jQuery对象设置一个name属性,因为name属性会被认为请求参数名
注意:必须用<form>标签元素
JQuery中如何使用AJAX?
1 . JQuery对象.load(URL);
返回结果自动添加到JQuery对象中,换句话说,谁调用返回给谁,这种方式发送的是 GET请求。
2. JQuery对象.load(URL,sendData);
sendData:发送的数据,必须是JSON格式(自动进行汉字编码,无需进行转码)
这种方式发送的是POST请求。
3. JQuery对象.load(URL,sendData,function(backData,textStatus,XMLHttpRequest){});
无名函数function(backData,textStatus,XMLHttpRequest)
backData:服务器返回的数据,是一个js对象
textStatus:服务器状态码的文本描述,例如:success、error
XMLHttpRequest:XMLHttpRequest对象
(注意:以上所有参数的名字可以任意,最好符合见名知意的命名规则)
4. 指定发送方式:
$post(URL,sendData,function(backData,textStatus,XMLHttpRequest){
// backData :如果服务器返回html ,则backData就是字符串(string)
如果服务器返回 JSON ,则backData就是 object。
});
同样get方式和上述post方式用法一样。
小知识点:
如果ajax中发送数据过多,建议使用serialize() 方法。
用法: jQuery对象.serialize()
作用:自动生成JSON格式的文本
注意:为每个jQuery对象设置一个name属性,因为name属性会被认为请求参数名
注意:必须用<form>标签元素
相关文章推荐
- 解决jQuery库与其他js库的冲突
- jQuery对象与DOM对象
- jQuery实现出发某按钮的click事件
- 九宫格抽奖停止位置的设置
- jQuery中get与eq的区别
- jQuery 操作DOM元素
- jQuery修炼心得-DOM节点的删除
- jQuery修炼心得-DOM节点的插入
- jqueryUI 之dialog 使用
- jQuery实现时钟插件
- jQuery.param自动将键值对转换为请求传递的参数
- jquery中this的用法
- jQuery 事件与应用
- jQuery EasyUI IE8 兼容性问题
- jquery上传图片本地预览插件V1.2
- jQuery MultiSelect 如何设置多选框的默认选中项
- JQuery中元素的数据存储
- JQuery中.css()与.addClass()设置样式的区别
- JQuery中的样式操作
- jquery向苹果或者android发送请求