AJAX-jQuery中的AJAX封装函数

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