AJAX-jQuery中的AJAX封装函数
2016-09-11 00:52
162 查看
jQuery中的AJAX封装函数
JQ封装的AJAX函数,下面5个jq函数只能处理成功的响应消息!load | $('div').load('请求地址', 'k=v' | {k:v}, fn(response,status,xhr对象){}) |
发起异步GET/POST请求,获取服务器端返回的html片段数据, 把这些数据设置为当前选定元素的innerHTML——覆盖已有内容。 | |
| |
$.get | $.get('请求地址','k=v' | {k:v},fn); |
向指定的URL发起异步的GET请求,获得响应消息,调用回调函数进行响应数据的处理。 | |
| |
$.post | $.post('请求地址', 'k=v' | {k:v}, fn); |
向指定的URL发起异步的POST请求,获得响应消息,调用回调函数进行响应数据的处理。 | |
| |
$.getScript | $.getScript('请求地址', ['k=v' | {k:v}], [fn]); |
向指定的URL发起异步的GET请求,获得application/javascript类型的响应消息, 与$.get的区别:自动调用eval()把xhr.responseText加以执行。 | |
| |
$.getJSON | $.getJSON('请求地址', ['k=v' | {k:v}], fn); |
向指定的URL发起异步的GET请求,获得application/json类型的响应消息, 与$.get的区别:自动调用JSON.parse()把xhr.responseText解析为JS数据。 | |
| |
参数回调函数fn只有在响应成功是才会启动 |
jQuery万能AJAX函数
$.ajax() | $.ajax( { type: 'GET', //请求方式 url: 'x.php', //请求地址 contentType:'请求内容的编码类型', dataType:'预期的响应数据类型', //指定类型教给回调啊函数解析 data: {uname:'tom',upwd:'123'}, //对象形式的请求数据 beforeSend: fn, //请求发送之前的回调 success: fn, //响应成功的回调 error: fn, //响应失败的回调 complete: fn, //响应完成的回调(无论成功还是失败) } ); |
var data = $('#loginForm').serialize(); | //可以用jq封装的表单元素或form本身调用 |
Serialize();函数——序列化表单值创建URL编码文本字符串,可用于HTTP请求消息。 返回值形如: 'k=v&k=v' 其中的k就是input的name属性值。 |
相关文章推荐
- 在使用jquery的ajax功能时,往后台传值会出现乱码 解决方法
- jquery对ajax的支持介绍
- jquery中的ajax
- 跟我学jquery(五)jquery中的ajax详解 .
- jQuery validate插件实现ajax验证重复的2种方法
- jquery序列化form表单使用ajax提交后处理返回的json数据
- php+ajax+jquery实现分页
- jquery高版本的ajax调用
- 关于试用jquery的jsonp实现ajax跨域请求数据的问题
- jQuery入门[5]-AJAX
- JQuery的Ajax跨域请求的解决方案
- JQuery中$.ajax()方法参数详解
- jquery与php交互的ajax应用第一课:检测用户注册时用户名是否存在
- JQuery中的AJAX
- Jquery+Ajax实现checkbox多选参数提交
- JQuery中$.ajax()方法参数详解
- 利用jQuery实现的Ajax 验证用户名是否存在
- Asp.Net+Jquery.Ajax详解4-$.getJSON
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
- jQuery通过AJAX快速批量提交表单数据