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属性值。 |