網(wǎng)站前端制作之jqueryajax詳解

2023-03-28    分類: 網(wǎng)站建設(shè)

ajax通過 HTTP 請(qǐng)求加載遠(yuǎn)程數(shù)據(jù)。
jQuery 底層 AJAX 實(shí)現(xiàn)。簡(jiǎn)單易用的高層實(shí)現(xiàn)見 $.get, $.post 等。$.ajax() 返回其創(chuàng)建的 XMLHttpRequest 對(duì)象。大多數(shù)情況下你無需直接操作該函數(shù),除非你需要操作不常用的選項(xiàng),以獲得更多的靈活性。
最簡(jiǎn)單的情況下,$.ajax()可以不帶任何參數(shù)直接使用。
注意,所有的選項(xiàng)都可以通過$.ajaxSetup()函數(shù)來全局設(shè)置。
如果要處理$.ajax()得到的數(shù)據(jù),則需要使用回調(diào)函數(shù)。beforeSend、error、dataFilter、success、complete。
beforeSend 在發(fā)送請(qǐng)求之前調(diào)用,并且傳入一個(gè)XMLHttpRequest作為參數(shù)。
error 在請(qǐng)求出錯(cuò)時(shí)調(diào)用。傳入XMLHttpRequest對(duì)象,描述錯(cuò)誤類型的字符串以及一個(gè)異常對(duì)象(如果有的話)
dataFilter 在請(qǐng)求成功之后調(diào)用。傳入返回的數(shù)據(jù)以及"dataType"參數(shù)的值。并且必須返回新的數(shù)據(jù)(可能是處理過的)傳遞給success回調(diào)函數(shù)。
success 當(dāng)請(qǐng)求之后調(diào)用。傳入返回后的數(shù)據(jù),以及包含成功代碼的字符串。
complete 當(dāng)請(qǐng)求完成之后調(diào)用這個(gè)函數(shù),無論成功或失敗。傳入XMLHttpRequest對(duì)象,以及一個(gè)包含成功或錯(cuò)誤代碼的字符串。
$.ajax()函數(shù)依賴服務(wù)器提供的信息來處理返回的數(shù)據(jù)。如果服務(wù)器報(bào)告說返回的數(shù)據(jù)是XML,那么返回的結(jié)果就可以用普通的XML方法或者jQuery的選擇器來遍歷。如果見得到其他類型,比如HTML,則數(shù)據(jù)就以文本形式來對(duì)待。
通過dataType選項(xiàng)還可以指定其他不同數(shù)據(jù)處理方式。除了單純的XML,還可以指定 html、json、jsonp、script或者text。
其中,text和xml類型返回的數(shù)據(jù)不會(huì)經(jīng)過處理。數(shù)據(jù)僅僅簡(jiǎn)單的將XMLHttpRequest的responseText或responseHTML屬性傳遞給success回調(diào)函數(shù),
'''注意''',我們必須確保網(wǎng)頁(yè)服務(wù)器報(bào)告的MIME類型與我們選擇的dataType所匹配。比如說,XML的話,服務(wù)器端就必須聲明 text/xml 或者 application/xml 來獲得一致的結(jié)果。
如果指定為html類型,任何內(nèi)嵌的JavaScript都會(huì)在HTML作為一個(gè)字符串返回之前執(zhí)行。類似的,指定script類型的話,也會(huì)先執(zhí)行服務(wù)器端生成JavaScript,然后再把腳本作為一個(gè)文本數(shù)據(jù)返回。
如果指定為json類型,則會(huì)把獲取到的數(shù)據(jù)作為一個(gè)JavaScript對(duì)象來解析,并且把構(gòu)建好的對(duì)象作為結(jié)果返回。為了實(shí)現(xiàn)這個(gè)目的,他首先嘗試使用JSON.parse()。如果瀏覽器不支持,則使用一個(gè)函數(shù)來構(gòu)建。JSON數(shù)據(jù)是一種能很方便通過JavaScript解析的結(jié)構(gòu)化數(shù)據(jù)。如果獲取的數(shù)據(jù)文件存放在遠(yuǎn)程服務(wù)器上(域名不同,也就是跨域獲取數(shù)據(jù)),則需要使用jsonp類型。使用這種類型的話,會(huì)創(chuàng)建一個(gè)查詢字符串參數(shù) callback=? ,這個(gè)參數(shù)會(huì)加在請(qǐng)求的URL后面。服務(wù)器端應(yīng)當(dāng)在JSON數(shù)據(jù)前加上回調(diào)函數(shù)名,以便完成一個(gè)有效的JSONP請(qǐng)求。如果要指定回調(diào)函數(shù)的參數(shù)名來取代默認(rèn)的callback,可以通過設(shè)置$.ajax()的jsonp參數(shù)。
注意,JSONP是JSON格式的擴(kuò)展。他要求一些服務(wù)器端的代碼來檢測(cè)并處理查詢字符串參數(shù)。更多信息可以參閱 最初的文章。
如果指定了script或者jsonp類型,那么當(dāng)從服務(wù)器接收到數(shù)據(jù)時(shí),實(shí)際上是用了<script>標(biāo)簽而不是XMLHttpRequest對(duì)象。這種情況下,$.ajax()不再返回一個(gè)XMLHttpRequest對(duì)象,并且也不會(huì)傳遞事件處理函數(shù),比如beforeSend。

網(wǎng)站題目:網(wǎng)站前端制作之jqueryajax詳解
鏈接URL:http://www.bm7419.com/news5/248355.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供全網(wǎng)營(yíng)銷推廣、建站公司、品牌網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、自適應(yīng)網(wǎng)站云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)