码迷,mamicode.com
首页 > 编程语言 > 详细

原生javaScript完成Ajax请求

时间:2017-11-25 14:29:46      阅读:151      评论:0      收藏:0      [点我收藏+]

标签: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请求

标签:val   低版本   XML   microsoft   xmlhttp   pen   http   fun   tar   

原文地址:http://www.cnblogs.com/web-wjg/p/7894978.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!