原生js實現ajax非同步請求

2021-08-24 18:14:43 字數 1333 閱讀 9521

}返回xmlhttp的相容寫法

}xmlhttp.open("post", "/ajax_recelve/", true);//get|post url 是否非同步

//post方式:對於django像form表單一樣,會觸發403,跨站請求的warn

xmlhttp.send("name=daxue");路由url 

url(r'ajax_recelve/',views.ajax_recelve),
函式實現

def ajax_recelve(request):

if request.method == "post":

print("12345",request.post)

return httpresponse("這是ajax返回的hello2資料")

1.open(method, url, async) 方法需要三個引數:

method:傳送請求所使用的方法(get或post);與post相比,get更簡單也更快,並且在大部分情況下都能用;然而,在以下情況中,請使用post請求:

url:規定伺服器端指令碼的 url(該檔案可以是任何型別的檔案,比如 .txt 和 .xml,或者伺服器指令碼檔案,比如 .asp 和 .php (在傳回響應之前,能夠在伺服器上執行任務));

async:規定應當對請求進行非同步(true)或同步(false)處理;true是在等待伺服器響應時執行其他指令碼,當響應就緒後對響應進行處理;false是等待伺服器響應再執行。

2. send() 方法可將請求送往伺服器。

3. onreadystatechange:存有處理伺服器響應的函式,每當 readystate 改變時,onreadystatechange 函式就會被執行。

4. readystate:存有伺服器響應的狀態資訊。

5. responsetext:獲得字串形式的響應資料。

6. setrequestheader():post傳資料時,用來新增 http 頭,然後send(data),注意data格式;get傳送資訊時直接加引數到url上就可以,比如url?a=a1&b=b1

原生js實現Ajax請求

原生的ajax請求離不開xhr物件,即xmlhttprequest物件。所有現代瀏覽器都內建有這個物件。建立整個物件 var xhr new xmlhttprequest 這裡有個版本的差異,ie5和ie6使用activex物件。不同的瀏覽器使用不同的物件。if window.xmlhttprequ...

使用原生JS實現Ajax請求

第一步 獲得xmlhttprequest物件 第二步 設定狀態監聽函式 ajax.onreadystatechange function 第三步 open乙個鏈結 ajax.open get h51701.json false true非同步請求,false同步 第四步 send傳送乙個請求。可以傳...

js原生ajax請求

建立向後台伺服器的乙個請求 確定傳送的方式方法 傳送請求 確定後台載入完畢 獲取到請求返回的資料 ajax 能夠處理那些型別檔案 文型別檔案 如 html txt js css json xml ajax,需要配合js 的基本事件以及dom操作共同使用。ajax負責的是獲取資料,但是將獲取到的資料放...