面试整理(1):原生ajax
生活随笔
收集整理的這篇文章主要介紹了
面试整理(1):原生ajax
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
接到電話面試,有一些送分題答的不好,在這里整理一下
問題:原生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頭
更多專業前端知識,請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的面试整理(1):原生ajax的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: js快排
- 下一篇: js获得页面鼠标位置