1. 程式人生 > >面試整理(1):原生ajax

面試整理(1):原生ajax

兼容ie header 如果 sta class host sch 改變 chan

接到電話面試,有一些送分題答的不好,在這裏整理一下

問題:原生ajax的工作流程是怎麽樣的?

老用封裝好的工具,原生的ajax其實並不熟悉,今天復習一下。主要參考http://www.w3school.com.cn/ajax/

要發一個ajax請求首先要創建XMLHttp對象

var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP")

其中,new ActiveXObject("Microsoft.XMLHTTP")是為了兼容ie5/6的對象

然後調用對象的open方法來規定請求的類型、URL 以及是否異步處理請求

xmlhttp.open("GET","localhost:3000/package.json",true)

技術分享圖片

然後如果你async字段寫的true,也就是發起的是異步請求,那麽要寫onreadystatechange事件來監聽請求的狀態,每當 readyState 屬性改變時,就會調用該函數

技術分享圖片

onreadystatechange函數實例,主要就是根據readyState和status的判斷來處理返回的responseText

xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
    }
  }

最後調用send將請求發給服務器

技術分享圖片

如果是get請求,參數是在url後面直接添加的

如果想自定義header的字段,可以在發送之前用setRequestHeader(header,value)向請求添加http頭

技術分享圖片

面試整理(1):原生ajax