原生JS(異步請求)


1、異步請求的方法:

  iframe、script、XMLHttpRequest、comet(服務器端發起)

2、XMLHttpRequest

  request = new XMLHttpRequest();

  open( "GET", url );

    兩個必須的參數。

    “GET” “POST”等,不區分大小寫,但通常用大寫字母來匹配HTTP協議

    想要緩存數據時,最好使用get方法。

    如果傳false為其第三個參數,則該方法變為同步獲取數據,但一般不能這么做,這樣很容易阻塞整個瀏覽器的UI

  request.setRequestHeader( "Content-Type", "text/plain" );

    多次為相同的頭設置值不會替換掉原來的值,而是保存多個副本或者為這個頭指定多個值

  request.onreadystatechange = function(){}

    使用onreadystatechange事件 監控request的readystate屬性值

  request.readyState === 4 && request.status === "200" 

    當readystate的值等於4並且request的狀態碼返回200時說明正常返回了值

  request.send( null ); 

    如果是使用“get”方法,send的參數傳null或不傳值(傳值也不起作用)

  request.getResponseHeader( "Content-Type" );

  返回的值存放在requestText中,如果是XML(包括HTML)文件,可能會有一個解析為DOM的requestXML屬性。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM