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

js原生ajax请求get post笔记

时间:2016-11-05 17:57:40      阅读:364      评论:0      收藏:0      [点我收藏+]

标签:return   highlight   ext   microsoft   stat   ret   ati   soft   status   

开拓新领域,贵在记录。下面记录了使用ajax请求的get、post示例代码

//ajax get 请求获取数据支持同步异步
    var ajaxGet = function (reqUrl, params, callback, async) {
        var xhr = null;
        if(window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        } else if(window.ActiveXObject) {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        if(!xhr) { return false;}
        if (async && callback) {
            xhr.addEventListener(‘readystatechange‘, function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    callback(xhr.responseText);
                }
            });
        }
        reqUrl = reqUrl + (params ? ‘?‘ + params : ‘‘);
        params = null;
        xhr.open(‘get‘, reqUrl, async);
        xhr.send(params);
        if (!async) {
            return xhr.responseText;
        }
    };
    //ajax post请求获取接口数据
    var ajaxPost = function (reqUrl, params, callback, async) {
        var xhr = null;
        if(window.XMLHttpRequest) {
            xhr = new XMLHttpRequest();
        } else if(window.ActiveXObject) {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        if(!xhr) { return false;}
        if (async && callback) {
            xhr.addEventListener(‘readystatechange‘, function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    callback(xhr.responseText);
                }
            });
        }
        xhr.open(‘post‘, reqUrl, async);
        xhr.setRequestHeader(‘Content-type‘, ‘application/x-www-form-urlencoded‘);
        var strArr = [];
        for(var k in params) {
            strArr.push(k + "=" + params[k]);
        }
        var data = strArr.join("&");
        xhr.send(data);
        if (!async) {
            return xhr.responseText;
        }
    };

 

js原生ajax请求get post笔记

标签:return   highlight   ext   microsoft   stat   ret   ati   soft   status   

原文地址:http://www.cnblogs.com/markstray/p/5511123.html

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