zoukankan      html  css  js  c++  java
  • js原生ajax请求get post笔记

    开拓新领域,贵在记录。下面记录了使用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;
            }
        };
    
  • 相关阅读:
    splunk linux安装
    [读书笔记]-时间管理-把时间当做朋友
    [读书笔记]-技术学习-Redis
    [读书笔记]-阅读方法-王者速读法
    vuex、localStorage、sessionStorage之间的区别
    vuex的使用
    Vue常用指令总结
    vue-router参数传递
    Vue-router的基本使用
    v-on精炼
  • 原文地址:https://www.cnblogs.com/markstray/p/5511123.html
Copyright © 2011-2022 走看看