成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

AJAX

孫淑建 / 1354人閱讀

摘要：并且可以使用獲取元素的，來獲取的元素，例如修改后的如下所示，新增內(nèi)容和注釋如

可以如何發(fā)送請求

用

可以發(fā)請求，但是會刷新頁面或新開頁面

用只可以發(fā) get 請求，但是也會刷新頁面或新開頁面

用只可以發(fā) get 請求，但是只能以圖片的形式展示

用只可以發(fā) get 請求，但是只能以 CSS、favicon 的形式展示

用

main.js :

myButton.addEventListener=("click",function(e){
    var request= new XMLHttpRequest();         //新建請求
    request.onreadystatuschange=function(){    //當(dāng)請求的狀態(tài)有變化時，打印出狀態(tài)碼
        console.log(request.readyStatus);
    }
    request.open("GET","/xxx");                //初始化,GET 方法，/xxx 路徑
    request.send();                            //發(fā)送請求
})

后端代碼 :

}else if(path==="/xxx"){
    response.statusCode = 200
    response.setHeader("Content-Type", "text/xml;charset=utf-8")
    response.write(`
        //xml
        
          Tove
          Jani
          Reminder
          Don"t forget me this weekend!
        
    `)
    response.end()
}

效果 ：
當(dāng)點擊 點我 按鈕時，首先，新建一個XMLHttpRequest請求；其次，使用 GET 方法請求到 /xxx；最后，發(fā)送請求。

當(dāng)服務(wù)器收到請求了 /xxx 路徑，然后，就返回了一串格式符合 XML 的字符串

并且，當(dāng)請求和響應(yīng)進行到各個狀態(tài)時，都會打印出它的狀態(tài)碼
（狀態(tài)碼請參考：https://developer.mozilla.org...）

version2.0-獲取xml

除了可以獲取狀態(tài)碼、在瀏覽器控制臺獲取服務(wù)器返回的XML字符串外，還可以將XML字符串轉(zhuǎn)換為XML。
并且可以使用DOM獲取元素的API，來獲取XML的元素，例如getElementByTagNames...
修改后的 main.js 如下所示，新增內(nèi)容和注釋如

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/97804.html

相關(guān)文章

  • ajax與jsonp一點基礎(chǔ)整理

    摘要：之所以不能跨域其實是因為受到同源策略的限制，只能讓它訪問同源下的數(shù)據(jù)，不能訪問不同源下的數(shù)據(jù)同源策略每個網(wǎng)站只能讀取同一來源的數(shù)據(jù)，這里的同一來源指的是主機名域名協(xié)議和端口號的組合。 一、Ajax的概念 Ajax是一種技術(shù)方案，但并不是一種新技術(shù)。它依賴的是現(xiàn)有的CSS/HTML/Javascript，而其中最核心的依賴是瀏覽器提供的XMLHttpRequest對象，是這個對象使得瀏...

    tomlingtm 評論0 收藏0

  • 深入淺出Ajax

    摘要：在接收響應(yīng)期間持續(xù)不斷地觸發(fā)。在請求發(fā)生錯誤時觸發(fā)。在通信完成或者觸發(fā)或事件后觸發(fā)。已經(jīng)接收到部分響應(yīng)數(shù)據(jù)?；跇藴时粡V泛支持。破壞程序的異常處理機制。 原文（我的GitHub）：https://github.com/liangfengbo/frontend-ability/issues/1 學(xué)習(xí)大綱 理解Ajax的工作原理 Ajax核心-XMLHttpRequest對象 封裝Aja...

    megatron 評論0 收藏0

  • 再也不學(xué)AJAX了！（一）AJAX概述

    摘要：需要注意的是，并不是的替代品，兩者各自有其適應(yīng)的場景。但為了方便交流，我們通常將獲取資源的一方稱為客戶端主要的工具是瀏覽器，而將派發(fā)資源的一方稱為服務(wù)端又稱為服務(wù)器。它可以幫助我們?yōu)橹蟾拍罴毠?jié)的學(xué)習(xí)打下良好基礎(chǔ)。 再也不學(xué)AJAX了是一個與AJAX主題相關(guān)的文章系列，包含以下三個部分的內(nèi)容： AJAX概述：主要回答AJAX是什么這個問題； 使用AJAX：介紹如何通過JavaSc...

    neu 評論0 收藏0

  • ajax入門

    摘要：基于標準被廣泛支持。這樣的類最初是在中作為一個名為的對象引入的。請求還沒有被發(fā)送。當(dāng)為，這個屬性返回目前已經(jīng)接收的響應(yīng)部分。由服務(wù)器返回的狀態(tài)代碼，如表示成功，而表示錯誤。方法取消當(dāng)前響應(yīng)，關(guān)閉連接并且結(jié)束任何未決的網(wǎng)絡(luò)活動。 前言 總括： 本文講解了ajax的歷史，工作原理以及優(yōu)缺點，對XMLHttpRequest對象進行了詳細的講解，并使用原生js實現(xiàn)了一個ajax對象以方便日常開...

    Fundebug 評論0 收藏0

  • Web前端-Ajax基礎(chǔ)技術(shù)(下)

    摘要：前端基礎(chǔ)技術(shù)下你要明白是什么，怎么使用，程序是將信息放入公共的服務(wù)器，讓所有網(wǎng)絡(luò)用戶可以通過瀏覽器進行訪問。獲取字符串形式的響應(yīng)數(shù)據(jù)，獲取形式的響應(yīng)數(shù)據(jù)?；A(chǔ)回顧原理是借助標簽發(fā)送跨域請求的技巧。 Web前端-Ajax基礎(chǔ)技術(shù)(下) 你要明白ajax是什么，怎么使用？ ajax，web程序是將信息放入公共的服務(wù)器，讓所有網(wǎng)絡(luò)用戶可以通過瀏覽器進行訪問。 瀏覽器發(fā)送請求，獲取服務(wù)器的數(shù)據(jù)：...

    趙連江 評論0 收藏0

  • AJAX-Cache：一款好用的Ajax緩存插件

    摘要：是一款緩存插件，可以為方法擴展緩存功能。緩存清理插件本身會自動清理過期緩存對于不想繼續(xù)使用緩存的接口可以為方法傳入清理當(dāng)前接口的緩存并返回最新數(shù)據(jù)也可以調(diào)用清理所有插件產(chǎn)生的緩存。 原文鏈接 AJAX-Cache是什么 Ajax是前端開發(fā)必不可少的數(shù)據(jù)獲取手段，在頻繁的異步請求業(yè)務(wù)中，我們往往需要利用緩存提升界面響應(yīng)速度，減少網(wǎng)絡(luò)資源占用。AJAX-Cache是一款jQuery緩存插件...

    didikee 評論0 收藏0

發(fā)表評論

0條評論

閱讀需要支付1元查看
<