ajax請求返回類型是什么

這篇“ajax請求返回類型是什么”文章的知識(shí)點(diǎn)大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細(xì)，步驟清晰，具有一定的借鑒價(jià)值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“ajax請求返回類型是什么”文章吧。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設(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請求返回類型有：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)頁的技術(shù)。

通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，Ajax 可以使網(wǎng)頁實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁的情況下，對網(wǎng)頁的某部分進(jìn)行更新。

傳統(tǒng)的網(wǎng)頁（不使用 Ajax）如果需要更新內(nèi)容，必需重載整個(gè)網(wǎng)頁面。

(注：圖片來自網(wǎng)絡(luò))

如何使用Ajax技術(shù)

首先，需要獲取XMLHttpRequest對象：

var xhr;
xhr = new XMLHttpRequest();

XMLHttpRequest對象有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ā)出請求時(shí)，需要XMLHttpRequest對象的open()和send()方法：

• open(請求方式, 請求路徑, 是否異步)

• send()

使用演示：

// 異步檢查用戶名是否存在
function checkUsername(username) {
    // 獲取XMLHttpRequest對象
    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":"",   //訪問路徑
    "data":"",  // 需要傳輸?shù)臄?shù)據(jù)
    "type":"",  // 請求方式
    "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方式在請求和服務(wù)器中完全是一樣，請求的返回值實(shí)際上都是String對象，有兩點(diǎn)不同，第一：html方式的時(shí)候并沒有限制返回的字符串格式，而json方式的時(shí)候，必須符合json協(xié)議的規(guī)范。第二：html方式請求完成之后沒有做任何的操作直接回調(diào)sucuess，而json多了一步就是加了eval，執(zhí)行返回的字符串，看看源碼data = eval_r("(" + data + ")");返回json對象；(方法的返回值是Javabean時(shí)，在響應(yīng)體中響應(yīng)成json字符串格式)

• jsonp：jsonp方式的交互方式和js是一樣的，本身xmlHttpRequest對象并不能跨域訪問，但是script標(biāo)簽的src可以跨域訪問，這里就注意兩個(gè)概念：第一Ajax是不能跨域操作的，第二jQuery的jsonp是可以跨域操作，jsonp到底是什么東西呢？他是一個(gè)非官方的定義，目前的規(guī)范，需要服務(wù)器和客戶端進(jìn)行配合使用；

• text：返回純文本字符串。

以上就是關(guān)于“ajax請求返回類型是什么”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識(shí)內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站題目：ajax請求返回類型是什么
網(wǎng)站地址：http://www.jbt999.com/article0/pdpcio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、手機(jī)網(wǎng)站建設(shè)、微信小程序、用戶體驗(yàn)、微信公眾號、搜索引擎優(yōu)化

廣告

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