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;
            }
        };
    
  • 相关阅读:
    使用ServiceLoader辅助责任链模式
    聊聊ThreadLocal
    Log4J
    Scalable IO in Java
    MySQL的索引
    Git的操作与理解
    阿里校招内推总结
    Executor框架的简要分析
    Java 8 中的ConcurrentHashMap源码分析
    从C#到Swift,Swift学习笔记
  • 原文地址:https://www.cnblogs.com/markstray/p/5511123.html
Copyright © 2011-2022 走看看