網站前端制作之jqueryajax詳解

2023-03-28    分類: 網站建設

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

網站題目:網站前端制作之jqueryajax詳解
鏈接URL:http://www.muchs.cn/news5/248355.html

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

廣告

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

成都定制網站網頁設計