ajax juey,锋利的qjuey-ajax

jquery 中的ajax

load方法主要获取web服务器上静态数据

1 load方法载入HTML文档

load(url [,data] [,callback])

$(function(){

$("#send").click(function(){

$("#resText").load("test.html")

})

})

View Code

2 筛选载入的HTML文档

$("#resText").load("test.html .para")

载入页面class为“para”的内容

3 传递方式

无参数传递，使用GET方式

$("#resText").load("test.php",function(){})

有参数传递，使用POST方式

$("#resText").load("test.php" , {name:"rain",age:"22"},function(){})

4 回调参数

load()方法回调函数，该函数有三个参数，

function(responseText,textStatus,XMLHttpRequest){

responseText 请求返回内容

textStatus 请求返回状态 ：success，error ，notmodified ， timeout

XMLHttpRequest 对象

}

5$.get()方法和$.post()方法

在项目中如果要传递一些参数给服务器，可以使用$.get(),$.post()和 $.ajax方法

1 $.get(url [,data] [,callback] [,type])

type 服务器返回的内容的格式，包括xml ，html ，script ,json ,text ,_default

2 回调函数function(data,testStatus){}

6数据格式

HTML片段

不需要处理，可直接插入页面中

XML文档

可以使用强大的DOM处理能力，对XML进行处理

JSON文件

在回调函数中指明文件类型为json后

data是作为一个对象参数传入回调函数，可以直接使用

var name=data.userName

$.post()

因为jquery对js的封装，只需要改变jquery函数为$.post()就可以实行GET和POST的切换

load()方法带有参数传递时，同样会使用post方式发送请求。因此也可以使用load()方法完成同样的功能。

$.getScript() 和 $.getJson()

在事件函数中加载js和json文件

$().each() 和$.each()方法

$().each(callback)方法以匹配的元素为对象，每次执行传递的函数时，改变函数中的this对象指向一个不同的DOM元素。

$.each(object[,callback])

此方法可以用于遍历任何对象。

$.each([0,1,2]function(){})

object可以为对象和数组，

7$.ajax()

该方法为jquery最底层的实现，可以替代前面所有的方法；

8 序列化元素

$("#form").serialize()方法

可以对该表单下的数据进行序列化。

$.param(obj)

用来对一个数组或者对象按照key/value进行序列化

9 ajax全局事件

可以为元素注册ajax全局事件，当页面触发ajax时触发，如果再调用ajax方法时不触发全局事件，则在$.ajax()中设置global：false

$("#id").ajaxStart(function(){}).ajaxStop(function(){});

全局事件方法

ajaxComplete(callback)

ajaxError(callback)

ajaxSend(callback)

ajaxSuccess(callback)

原文：http://www.cnblogs.com/luohe/p/5684142.html