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

總結

以上是生活随笔為你收集整理的ajax juey,锋利的qjuey-ajax的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。