国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

AJAX

孫淑建 / 1301人閱讀

摘要:并且可以使用獲取元素的,來獲取的元素,例如修改后的如下所示,新增內容和注釋如

可以如何發送請求

可以發請求,但是會刷新頁面或新開頁面


    
    

只可以發 get 請求,但是也會刷新頁面或新開頁面

只可以發 get 請求,但是只能以圖片的形式展示

只可以發 get 請求,但是只能以 CSS、favicon 的形式展示

main.js :

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

后端代碼 :

}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()
}

效果 :
當點擊 點我 按鈕時,首先,新建一個XMLHttpRequest請求;其次,使用 GET 方法請求到 /xxx;最后,發送請求。

當服務器收到請求了 /xxx 路徑,然后,就返回了一串格式符合 XML字符串

并且,當請求和響應進行到各個狀態時,都會打印出它的狀態碼
(狀態碼請參考:https://developer.mozilla.org...)

version2.0-獲取xml

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

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/97804.html

相關文章

  • ajax與jsonp一點基礎整理

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

    tomlingtm 評論0 收藏0
  • 深入淺出Ajax

    摘要:在接收響應期間持續不斷地觸發。在請求發生錯誤時觸發。在通信完成或者觸發或事件后觸發。已經接收到部分響應數據。基于標準被廣泛支持。破壞程序的異常處理機制。 原文(我的GitHub):https://github.com/liangfengbo/frontend-ability/issues/1 學習大綱 理解Ajax的工作原理 Ajax核心-XMLHttpRequest對象 封裝Aja...

    megatron 評論0 收藏0
  • 再也不學AJAX了!(一)AJAX概述

    摘要:需要注意的是,并不是的替代品,兩者各自有其適應的場景。但為了方便交流,我們通常將獲取資源的一方稱為客戶端主要的工具是瀏覽器,而將派發資源的一方稱為服務端又稱為服務器。它可以幫助我們為之后概念細節的學習打下良好基礎。 再也不學AJAX了是一個與AJAX主題相關的文章系列,包含以下三個部分的內容: AJAX概述:主要回答AJAX是什么這個問題; 使用AJAX:介紹如何通過JavaSc...

    neu 評論0 收藏0
  • ajax入門

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

    Fundebug 評論0 收藏0
  • Web前端-Ajax基礎技術(下)

    摘要:前端基礎技術下你要明白是什么,怎么使用,程序是將信息放入公共的服務器,讓所有網絡用戶可以通過瀏覽器進行訪問。獲取字符串形式的響應數據,獲取形式的響應數據。基礎回顧原理是借助標簽發送跨域請求的技巧。 Web前端-Ajax基礎技術(下) 你要明白ajax是什么,怎么使用? ajax,web程序是將信息放入公共的服務器,讓所有網絡用戶可以通過瀏覽器進行訪問。 瀏覽器發送請求,獲取服務器的數據:...

    趙連江 評論0 收藏0
  • AJAX-Cache:一款好用的Ajax緩存插件

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

    didikee 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<