美文网首页
原生javascript ajax封装

原生javascript ajax封装

作者: 梁戈霄 | 来源:发表于2019-07-24 17:11 被阅读0次

function ajax(opt) {

    opt = opt || {};

    opt.method = opt.method.toUpperCase() || 'POST'; //method为传参方式

    opt.url = opt.url || ''; //url为请求地址

    opt.async = opt.async || true;

    opt.data = opt.data || null;//数据

    opt.success = opt.success || function () { };//回调函数

    var xmlHttp = null;

    if (XMLHttpRequest) {

        xmlHttp = new XMLHttpRequest();

    }

    else {

        xmlHttp = new ActiveXObject('Microsoft.XMLHTTP');

    } var params = [];

    for (var key in opt.data) {

        params.push(key + '=' + opt.data[key]);

    }

    var postData = params.join('&');

    if (opt.method.toUpperCase() === 'POST') {

        xmlHttp.open(opt.method, opt.url, opt.async);

        xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8');

        xmlHttp.send(postData);

    }

    else if (opt.method.toUpperCase() === 'GET') {

        xmlHttp.open(opt.method, opt.url + '?' + postData, opt.async);

        xmlHttp.send(null);

    }

    xmlHttp.onreadystatechange = function () {

        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {

            opt.success(xmlHttp.responseText);

        }

    };

}

相关文章

  • ajax总结

    1. Ajax 1.1 原生JavaScript封装Ajax 1.2 jquery ajax 及其 快捷方法 $....

  • 原生javascript封装ajax

    原文见martin的博客 最近重新看《javascript高级程序设计》,突然看到了ajax,想起来之前学习的各种...

  • 原生javascript ajax封装

    function ajax(opt) { opt = opt || {}; opt.method = opt....

  • JavaScript 原生封装 ajax

    与UE4客户端联调,因安全原因把网页所需文件放入客户端项目中,不想引入外部文件以及json库。自己封装一个ajax...

  • ajax封装

    原生ajax封装

  • AJAX请求

    原生JavaScript中的AJAX请求 AJAX = Asynchronous JavaScript and X...

  • 原生JavaScript封装AJAX、JSONP

    转载自:http://ghmagical.com/article/page/id/AASiankfBJWp

  • ajax

    原生ajax配置详解 对ajax简单封装 调用

  • Ajax

    标签: Ajax 正文 一、实现一个原生Ajax 二、Ajax状态 三、将原生的 ajax 封装成 promise

  • 原生js ajax网络数据请求 XMLHttprequest、A

    再学封装ajax请求 原生JS,AJAX数据封装 兼容性处理 脚本: 请求操作:

网友评论

      本文标题:原生javascript ajax封装

      本文链接:https://www.haomeiwen.com/subject/lfkfrctx.html