美文网首页
JavaScript 原生封装 ajax

JavaScript 原生封装 ajax

作者: 张思学 | 来源:发表于2021-07-25 17:00 被阅读0次

与UE4客户端联调,因安全原因把网页所需文件放入客户端项目中,不想引入外部文件以及json库。自己封装一个ajax,因需求只用到了post和get请求,大家可以在扩展

/* AJAX
 * 参数
 * method 请求类型
 * url 请求路径(get请求参数直接以?拼接在链接上)
 * params 参数 {}
 * fn 请求成功回调函数
 */
function ajax(method, url, params, fn) {
    var ajx = new XMLHttpRequest();
    ajx.open(method, url);
    if (method === 'post') {
      ajx.setRequestHeader('content-type', 'application/json');
      ajx.send(JSON.stringify(params));
    }
    if (method === 'get') {
      ajx.send();
    }
    ajx.onreadystatechange = () => {
      if (ajx.readyState == 4) {
        if (ajx.status == 200) {
          fn(ajx.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/vxqpmltx.html