原生javaScript完成Ajax請求
阿新 • • 發佈:2017-11-25
-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請求