1. 程式人生 > >原生javaScript完成Ajax請求

原生javaScript完成Ajax請求

-i sof end 創建 request 原因 失敗 .get ...

使用原生javaScript完成Ajax請求,首先應該創建一個對象XMLHttprequest,考慮到兼容低版本IE瀏覽器,使用ActiveXObject對象,代碼入下:

var request;
if(windoe.XMLHtprequest){
  request=new XMLHttprequest();
}else{
  request = new ActiveXObject();
}
function success(text) {
    var textarea = document.getElementById(‘test-ie-response-text‘);
    textarea.value 
= text; } function fail(code) { var textarea = document.getElementById(‘test-ie-response-text‘); textarea.value = ‘Error code: ‘ + code; } var request = new ActiveXObject(‘Microsoft.XMLHTTP‘); // 新建Microsoft.XMLHTTP對象 request.onreadystatechange = function () { // 狀態發生變化時,函數被回調 if (request.readyState === 4) { //
成功完成 // 判斷響應結果: if (request.status === 200) { // 成功,通過responseText拿到響應的文本: return success(request.responseText); } else { // 失敗,根據響應碼判斷失敗原因: return fail(request.status); } } else { // HTTP請求還在繼續... } } // 發送請求: request.open(‘GET‘, ‘/api/categories‘); request.send(); alert(
‘請求已發送,請等待響應...‘);

原生javaScript完成Ajax請求