婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > 原生AJAX封裝的簡單實現

原生AJAX封裝的簡單實現

熱門標簽:越南河內地圖標注 硅語電話機器人公司 ai機器人電銷資源 超級大富翁地圖標注 騰訊地圖標注位置能用多久 地圖標注項目怎么樣 個人怎樣在百度地圖標注地名 云呼外撥網絡電話系統 機器人電銷騙局揭秘

回歸下原生js,網上看到的AJAX封裝,遂拿來改改,不知還有何弊端,望指出!

var ajaxHelper = {
  /*1.0 瀏覽器兼容的方式創建異步對象*/
  makeXHR: function () {
    //聲明異步對象變量
    var xmlHttp = false;
    //聲明 擴展 名
    var xmlHttpObj = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0", "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp", "MSXML.XMLHttp"];
    //判斷瀏覽器是否支持 XMLHttpRequest,如果支持,則是新式瀏覽器,可以直接創建
    if (window.XMLHttpRequest) {
      xmlHttp = new XMLHttpRequest();
    }
      //否則,只能循環遍歷老式瀏覽器異步對象名,嘗試創建,知道創建成功為止
    else if (window.ActiveXObject) {
      for (i = 0; i  xmlHttpObj.length; i++) {
        xmlHttp = new ActiveXObject(xmlHttpObj[i]);
        if (xmlHttp) {
          break;
        }
      }
    }
    //判斷 異步對象 是否創建 成功,如果 成功,則返回異步對象,否則返回false
    return xmlHttp ? xmlHttp : false;
  },
  /*2.0 發送Ajax請求*/
  doAjax: function (method, url, data, isAyn, callback, type) {
    method = method.toLowerCase();
    //2.1創建異步對象
    var xhr = this.makeXHR();
    //2.2設置請求參數(如果是get,則帶url參數,如果不是,則不帶)
    xhr.open(method, url + (method == "get" ? "?" + data : ""), isAyn);
    //2.3根據請求謂詞(get/post),添加不同的請求頭
    if (method == "get") {
      xhr.setRequestHeader("If-Modified-Since", 0);
    } else {
      xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    }
    //2.4設置回調函數
    xhr.onreadystatechange = function () {
      //如果接受完畢 服務器發回的 響應報文
      if (xhr.readyState == 4) {
        //判斷狀態碼是否正常
        if (xhr.status == 200) {
          if (type.toLowerCase() == "json") {
            var ret = {};
            try {
              if (typeof JSON != "undefined") {
                ret = JSON.parse(xhr.responseText);
              } else {
                //IE8以下不支持JSON
                ret = new Function("return " + xhr.responseText)();
              }
              callback(ret);
            } catch (e) {
              console.log(e.message);
              callback(false);
            }
          } else {
            //直接返回文本
            callback(xhr.responseText);
          }
        } else {
          console.log("AJAX Status Code:" + xhr.status);
          callback(false);
        }
      }
    };
    //2.5發送(如果是post,則傳參數,否則不傳)
    xhr.send(method != "get" ? data : null);
  },
  /*3.0 直接發送Post請求*/
  doPost: function (url, data, isAyn, callback, type) {
    this.doAjax("post", url, data, isAyn, callback, type);
  },
  /*4.0 直接發送Get請求*/
  doGet: function (url, data, isAyn, callback, type) {
    this.doAjax("get", url, data, isAyn, callback, type);
  }
};

假設一個需求,后端要求傳入兩個數字n1、n2,然后返回總和。

當其中一個參數為空或者不是數字時,返回:{"status":"0", "msg":"參數有誤!"}

當正確的時候,返回:{"status":"1", "sum":"http://n1加n2的和"}

后端的代碼就不貼出來了。

前端調用:

document.getElementById("btnSubmit").onclick = function () {
      ajaxHelper.doPost("后端url", "n1=10n2=25", true, function (ret) {
        if (!ret) { return; }
        if (ret.status != 1) {
          alert(ret.msg);
          return;
        }
        var n = ret.sum;
        var s = ret.status;
      }, "json");
};

以上這篇原生AJAX封裝的簡單實現就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。

您可能感興趣的文章:
  • 用原生JS對AJAX做簡單封裝的實例代碼
  • 原生Javascript封裝的一個AJAX函數分享
  • js原生Ajax的封裝和原理詳解
  • 原生js實現ajax方法(超簡單)
  • 基于原生ajax與封裝的ajax使用方法(詳解)

標簽:遼源 舟山 洛陽 內蒙古 邢臺 林芝 鄭州 海南

巨人網絡通訊聲明:本文標題《原生AJAX封裝的簡單實現》,本文關鍵詞  原生,AJAX,封,裝的,簡單,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《原生AJAX封裝的簡單實現》相關的同類信息!
  • 本頁收集關于原生AJAX封裝的簡單實現的相關信息資訊供網民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    亚洲福利视频一区二区| 亚洲成人午夜影院| 一区二区三区精品视频| 国产成人精品午夜视频免费| 欧美成人一级视频| 日本va欧美va欧美va精品| 欧美亚洲国产一区二区三区| 亚洲免费看黄网站| 91国产丝袜在线播放| 亚洲人123区| 欧美狂野另类xxxxoooo| 丝袜诱惑制服诱惑色一区在线观看 | 中文字幕亚洲视频| 972aa.com艺术欧美| 亚洲欧美视频在线观看视频| 日本高清免费不卡视频| 偷拍亚洲欧洲综合| 精品va天堂亚洲国产| 国产精品综合久久| 亚洲视频一二区| 欧美日韩国产一级片| 久久69国产一区二区蜜臀| 国产精品麻豆99久久久久久| 欧美视频日韩视频| 国产麻豆成人传媒免费观看| 综合久久久久久| 日韩一级片在线播放| 成人av资源下载| 午夜电影网亚洲视频| 国产欧美日韩在线看| 欧美三级日韩三级| 国产成人无遮挡在线视频| 亚洲大片免费看| ㊣最新国产の精品bt伙计久久| 7777精品伊人久久久大香线蕉的| 国产成人精品www牛牛影视| 亚洲影视资源网| 国产欧美va欧美不卡在线| 欧美年轻男男videosbes| 波多野结衣精品在线| 久草中文综合在线| 偷窥国产亚洲免费视频| 国产无一区二区| 日韩一区二区免费视频| 一本久久综合亚洲鲁鲁五月天 | 色哟哟精品一区| 国产一区二区在线观看视频| 亚洲国产成人高清精品| 国产精品久久毛片av大全日韩| 日韩一级视频免费观看在线| 欧美午夜电影一区| 色综合网站在线| 国产a精品视频| 黑人巨大精品欧美一区| 蜜臀a∨国产成人精品| 亚洲3atv精品一区二区三区| 亚洲日本电影在线| 日韩码欧中文字| 国产精品不卡一区二区三区| 国产亚洲精品7777| 久久久久久久性| 久久香蕉国产线看观看99| 日韩欧美国产一区二区在线播放| 欧美三级电影在线观看| 色妹子一区二区| 一本大道久久a久久综合婷婷| 国产91高潮流白浆在线麻豆| 狠狠色丁香九九婷婷综合五月 | 天天av天天翘天天综合网色鬼国产| 国产精品美日韩| 国产精品不卡在线| 亚洲自拍另类综合| 亚洲韩国一区二区三区| 亚洲一区二区黄色| 依依成人精品视频| 午夜伦理一区二区| 美女视频黄 久久| 久久99精品视频| 国产91精品一区二区麻豆亚洲| 国产91精品一区二区麻豆网站 | 色婷婷一区二区| 精品婷婷伊人一区三区三| 91精品国产综合久久精品| 日韩女优制服丝袜电影| 精品成人佐山爱一区二区| 欧美经典一区二区| 亚洲一区视频在线| 美日韩黄色大片| 风间由美中文字幕在线看视频国产欧美 | 久久精品视频免费| 久久久久久久久久美女| 国产精品美女久久久久高潮| 一区二区高清免费观看影视大全| 午夜私人影院久久久久| 男男视频亚洲欧美| 国产在线播精品第三| av电影在线不卡| 欧美在线综合视频| 久久综合九色综合久久久精品综合| 国产精品网友自拍| 亚洲成av人影院| 成人黄色综合网站| 欧美日韩1234| 中文字幕中文字幕一区| 麻豆精品在线播放| 欧美少妇性性性| 亚洲国产成人自拍| 日本不卡一二三| 91蜜桃视频在线| www激情久久| 亚洲福中文字幕伊人影院| 国产盗摄女厕一区二区三区| 欧美日韩高清一区二区| 国产精品久久久久国产精品日日| 日韩电影在线看| 欧美自拍偷拍一区| 欧美国产日韩精品免费观看| 日韩电影在线一区二区三区| 99精品视频中文字幕| 久久综合网色—综合色88| 免费不卡在线观看| 99久久精品免费看| 中文字幕巨乱亚洲| 国产精品99久久久久| 欧美日韩一级二级三级| 国产欧美一区二区精品忘忧草| 日本在线观看不卡视频| 91福利视频网站| 亚洲图片你懂的| 99在线精品一区二区三区| 亚洲精品一线二线三线无人区| 一区二区三区日本| 99久久99精品久久久久久| 国产欧美1区2区3区| 亚洲成av人片| 欧美三级乱人伦电影| 一级特黄大欧美久久久| 色天天综合色天天久久| 亚洲精品久久7777| 欧美在线一区二区三区| 亚洲综合免费观看高清完整版在线| 在线国产亚洲欧美| 亚洲第一狼人社区| 欧美日韩久久久一区| 日日夜夜一区二区| 日韩久久久精品| 久久精品噜噜噜成人av农村| 日韩三级高清在线| 久久福利视频一区二区| 久久久久国产精品麻豆ai换脸 | 狠狠狠色丁香婷婷综合激情| 欧美一二三在线| 青青草国产精品97视觉盛宴| 6080yy午夜一二三区久久| 午夜欧美视频在线观看| 91精品国产麻豆| 精品一区二区久久| 欧美精彩视频一区二区三区| 成人性视频免费网站| 国产精品国模大尺度视频| 91香蕉视频mp4| 亚洲高清中文字幕| 日韩免费福利电影在线观看| 极品少妇一区二区三区精品视频| 国产亚洲视频系列| 国产成人高清在线| 一区二区三区毛片| 日韩精品资源二区在线| 国产在线乱码一区二区三区| 久久精品在线免费观看| 91在线小视频| 日韩精品五月天| 久久久久久久久久久99999| 国产一区二区不卡在线| 日韩一区在线免费观看| 欧美一级日韩免费不卡| 成人福利视频网站| 天天av天天翘天天综合网色鬼国产| 欧美岛国在线观看| 91在线观看免费视频| 亚洲国产一区二区在线播放| 欧美sm美女调教| 99久久精品国产导航| 日韩电影在线观看电影| 日韩美女精品在线| 日韩你懂的电影在线观看| 97se亚洲国产综合自在线不卡| 久久精品国产99国产| 日韩美女视频一区二区| 久久这里都是精品| 日韩一区二区三区四区| 在线观看日韩国产| 国产精品一二三四五| 国产成人精品免费看| 亚洲一区免费视频| 国产精品欧美一区喷水| 日韩欧美国产一区二区在线播放| 一本高清dvd不卡在线观看| 国产麻豆成人传媒免费观看| 一区二区三区四区乱视频|