码迷,mamicode.com
首页 > Web开发 > 详细

自己封装的AJAX (带JSON)

时间:2015-09-12 18:53:58      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

最简单的封装的AJAX:

技术分享
function myajax(url,onsuccess,fail){
    //确定是否支持xhr
    var xhr = new XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject(Microsoft.XMLHTTP);
    //准备发送post异步请求
    xhr.open(POST, url, true);
    //监听并获得返回结果
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) { //4 表示执行完
            if (xhr.status == 200) { //200 表示执行成功
                onsuccess(xhr.responseText);
            } else {
                if (fail) { //有传fail才传出失败信息
                    fail(xhr.status);
                }
            }
        }
    }
    //发送请求
    xhr.send();
}
myajax.js

可以把json字符串转JavaScript对象的AJAX

技术分享
function myajaxjson(url, onsuccess, fail) {
    //确定是否支持xhr
    var xhr = new XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject(Microsoft.XMLHTTP);
    //准备发送post异步请求
    xhr.open(POST, url, true);
    //监听并获得返回结果
    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4) { //4 表示执行完
            if (xhr.status == 200) { //200 表示执行成功
                if (xhr.getResponseHeader(Content-Type).indexOf(application/json) >= 0) { //响应头中‘Content-Type是application/json,则把json字符串转js对象
                    var jsObj = eval(( + xhr.responseText + ));
                    onsuccess(jsObj);
                } else {
                    onsuccess(xhr.responseText);
                }
            } else {
                if (fail) { //有传fail才传出失败信息
                    fail(xhr.status);
                }
            }
        }
    }
    //发送请求
    xhr.send();
}
myajaxjson.js

 

自己封装的AJAX (带JSON)

标签:

原文地址:http://www.cnblogs.com/adolphyang/p/4803278.html

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