原生javaScript完成Ajax請求

標籤：val   低版本   XML   microsoft   xmlhttp   pen   http   fun   tar   

使用原生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請求