前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >封装ajax函数

封装ajax函数

作者头像
马克社区
发布2022-04-13 20:02:43
9150
发布2022-04-13 20:02:43
举报
文章被收录于专栏:高端IT
代码语言:javascript
复制
/*
*封装ajax函数
* @param options
*    options = {
*        type : "get|post", // 请求方式,默认为 get
*        url : "", // 请求服务器资源url
*        data : {username:"xxx", password:""}, // 向服务器传递的数据
*        dataType : "text|json", // 预期从服务器返回数据的格式
*        success : function(responseData){}, // 请求成功时执行的函数
*        error : function(err){} // 请求失败时执行的函数
*    }
*/
function ajax(options){
  options = options || {};
  var method = (options.type || GET).toUpperCase(),
      url = options.url,
      queryString = null;
  if(!url)
    return;
  if(options.data){
    queryString = [];
    for(var attr in options.data){
      queryString.push(attr + "=" +options.data[attr]);
    }
    queryString = queryString.join("&");
  }
  if(method === "GET"){
    url += "?"+queryString;
    queryString = "";
  }
  var xhr = new XMLHttpRequest();
  xhr.open(method,url,true);
  if(method === "POST")
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  xhr.send(queryString);
  xhr.onreadystatechange = function(){
    if(xhr.readyState === 4){
      if(xhr.status === 200){
        var data = xhr.responseText;
        if(options.dataType === "json")

更多内容请见原文,文章转载自:https://blog.csdn.net/weixin_44519496/article/details/118541073

本文系转载,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文系转载前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档