這篇“ajax請(qǐng)求返回類型是什么”文章的知識(shí)點(diǎn)大部分人都不太理解,所以小編給大家總結(jié)了以下內(nèi)容,內(nèi)容詳細(xì),步驟清晰,具有一定的借鑒價(jià)值,希望大家閱讀完這篇文章能有所收獲,下面我們一起來(lái)看看這篇“ajax請(qǐng)求返回類型是什么”文章吧。
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信平臺(tái)小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了曲阜免費(fèi)建站歡迎大家使用!
ajax請(qǐng)求返回類型有:1、xml類型,可用jQuery處理;2、html類型(純文本HTML信息);3、script類型(純文本JavaScript代碼);4、json類型;5、jsonp類型;6、text類型(純文本字符串)。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
Ajax詳解
Ajax = 異步 JavaScript 和 XML。
Ajax 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)。
通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,Ajax 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下,對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。
傳統(tǒng)的網(wǎng)頁(yè)(不使用 Ajax)如果需要更新內(nèi)容,必需重載整個(gè)網(wǎng)頁(yè)面。
(注:圖片來(lái)自網(wǎng)絡(luò))
如何使用Ajax技術(shù)
首先,需要獲取XMLHttpRequest
對(duì)象:
var xhr; xhr = new XMLHttpRequest();
XMLHttpRequest
對(duì)象有5個(gè)核心屬性:
onreadystatechange
:當(dāng)準(zhǔn)備狀態(tài)發(fā)生變化
readyState
:準(zhǔn)備狀態(tài),該屬性的值可能是0~4之間的數(shù)字,0表示尚未建立連接,4表示接收到響應(yīng)
status
:響應(yīng)碼,例如404、200
responseText
:響應(yīng)的字符串
responseXML
:響應(yīng)的XML
當(dāng)需要發(fā)出請(qǐng)求時(shí),需要XMLHttpRequest
對(duì)象的open()
和send()
方法:
open(請(qǐng)求方式, 請(qǐng)求路徑, 是否異步)
send()
使用演示:
// 異步檢查用戶名是否存在 function checkUsername(username) { // 獲取XMLHttpRequest對(duì)象 var xhr = new XMLHttpRequest(); var url = "check_username.do?username=" + username; // 配置onreadystatechange xhr.onreadystatechange = function() { // 當(dāng)服務(wù)器已經(jīng)響應(yīng)(4)且響應(yīng)碼是200時(shí) if (xhr.readyState == 4 && xhr.status == 200) { // 根據(jù)服務(wù)器的響應(yīng),顯示響應(yīng)的提示消息 if (xhr.responseText == "1") { // 表示用戶名存在 document.getElementById("username_hint").innerHTML= "用戶名正確"; } else { // 表示用戶名不存在 document.getElementById("username_hint").innerHTML= "用戶名不存在"; } } }; // 調(diào)用函數(shù) xhr.open("GET", url, true); xhr.send(); }
在JQuery中,Ajax有三種實(shí)現(xiàn)方式:
$.ajax({ "url":"", //訪問(wèn)路徑 "data":"", // 需要傳輸?shù)臄?shù)據(jù) "type":"", // 請(qǐng)求方式 "dataType":"", // 返回值類型 "success":function(obj){}, // 響應(yīng)成功時(shí)的回調(diào)函數(shù) "error":function(obj){} // 響應(yīng)失敗時(shí)的回調(diào)函數(shù) }); $.get(URL,callback); $.post(URL,data,callback);
使用Ajax時(shí)的返回值類型有哪些?
xml、html、script、JSON、jsonp、text
xml:返回XML文檔,可用 jQuery 處理。
html:返回純文本HTML信息;
script:返回純文本JavaScript
代碼。不會(huì)自動(dòng)緩存結(jié)果。除非設(shè)置了 “cache” 參數(shù);
json:json方式和html方式在請(qǐng)求和服務(wù)器中完全是一樣,請(qǐng)求的返回值實(shí)際上都是String對(duì)象,有兩點(diǎn)不同,第一:html方式的時(shí)候并沒有限制返回的字符串格式,而json方式的時(shí)候,必須符合json協(xié)議的規(guī)范。第二:html方式請(qǐng)求完成之后沒有做任何的操作直接回調(diào)sucuess,而json多了一步就是加了eval,執(zhí)行返回的字符串,看看源碼data = eval_r("(" + data + ")")
;返回json對(duì)象;(方法的返回值是Javabean時(shí),在響應(yīng)體中響應(yīng)成json字符串格式)
jsonp:jsonp方式的交互方式和js是一樣的,本身xmlHttpRequest
對(duì)象并不能跨域訪問(wèn),但是script
標(biāo)簽的src
可以跨域訪問(wèn),這里就注意兩個(gè)概念:第一Ajax是不能跨域操作的,第二jQuery的jsonp是可以跨域操作,jsonp到底是什么東西呢?他是一個(gè)非官方的定義,目前的規(guī)范,需要服務(wù)器和客戶端進(jìn)行配合使用;
text:返回純文本字符串。
以上就是關(guān)于“ajax請(qǐng)求返回類型是什么”這篇文章的內(nèi)容,相信大家都有了一定的了解,希望小編分享的內(nèi)容對(duì)大家有幫助,若想了解更多相關(guān)的知識(shí)內(nèi)容,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
網(wǎng)站題目:ajax請(qǐng)求返回類型是什么
網(wǎng)站地址:http://muchs.cn/article0/pdpcio.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、微信小程序、用戶體驗(yàn)、微信公眾號(hào)、搜索引擎優(yōu)化
聲明:本網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)