ajax juey,锋利的qjuey-ajax
jquery 中的ajax
load方法主要獲取web服務(wù)器上靜態(tài)數(shù)據(jù)
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”的內(nèi)容
3 傳遞方式
無參數(shù)傳遞,使用GET方式
$("#resText").load("test.php",function(){})
有參數(shù)傳遞,使用POST方式
$("#resText").load("test.php" , {name:"rain",age:"22"},function(){})
4 回調(diào)參數(shù)
load()方法回調(diào)函數(shù),該函數(shù)有三個參數(shù),
function(responseText,textStatus,XMLHttpRequest){
responseText 請求返回內(nèi)容
textStatus 請求返回狀態(tài) :success,error ,notmodified , timeout
XMLHttpRequest 對象
}
5$.get()方法和$.post()方法
在項目中如果要傳遞一些參數(shù)給服務(wù)器,可以使用$.get(),$.post()和 $.ajax方法
1 $.get(url [,data] [,callback] [,type])
type 服務(wù)器返回的內(nèi)容的格式,包括xml ,html ,script ,json ,text ,_default
2 回調(diào)函數(shù)function(data,testStatus){}
6數(shù)據(jù)格式
HTML片段
不需要處理,可直接插入頁面中
XML文檔
可以使用強大的DOM處理能力,對XML進行處理
JSON文件
在回調(diào)函數(shù)中指明文件類型為json后
data是作為一個對象參數(shù)傳入回調(diào)函數(shù),可以直接使用
var name=data.userName
$.post()
因為jquery對js的封裝,只需要改變jquery函數(shù)為$.post()就可以實行GET和POST的切換
load()方法帶有參數(shù)傳遞時,同樣會使用post方式發(fā)送請求。因此也可以使用load()方法完成同樣的功能。
$.getScript() 和 $.getJson()
在事件函數(shù)中加載js和json文件
$().each() 和$.each()方法
$().each(callback)方法以匹配的元素為對象,每次執(zhí)行傳遞的函數(shù)時,改變函數(shù)中的this對象指向一個不同的DOM元素。
$.each(object[,callback])
此方法可以用于遍歷任何對象。
$.each([0,1,2]function(){})
object可以為對象和數(shù)組,
7$.ajax()
該方法為jquery最底層的實現(xiàn),可以替代前面所有的方法;
8 序列化元素
$("#form").serialize()方法
可以對該表單下的數(shù)據(jù)進行序列化。
$.param(obj)
用來對一個數(shù)組或者對象按照key/value進行序列化
9 ajax全局事件
可以為元素注冊ajax全局事件,當頁面觸發(fā)ajax時觸發(fā),如果再調(diào)用ajax方法時不觸發(fā)全局事件,則在$.ajax()中設(shè)置global:false
$("#id").ajaxStart(function(){}).ajaxStop(function(){});
全局事件方法
ajaxComplete(callback)
ajaxError(callback)
ajaxSend(callback)
ajaxSuccess(callback)
原文:http://www.cnblogs.com/luohe/p/5684142.html
總結(jié)
以上是生活随笔為你收集整理的ajax juey,锋利的qjuey-ajax的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: w7系统计算机里没有摄像头,win7系统
- 下一篇: JVM003_属性表