js如何編寫簡單的ajax方法庫-創(chuàng)新互聯(lián)

本文實例為大家分享了js編寫ajax方法庫的具體代碼，供大家參考，具體內(nèi)容如下

成都創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于網(wǎng)站制作、成都網(wǎng)站設計、赫山網(wǎng)絡推廣、小程序定制開發(fā)、赫山網(wǎng)絡營銷、赫山企業(yè)策劃、赫山品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們大的嘉獎；成都創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供赫山建站搭建服務，24小時服務熱線：028-86922220，官方網(wǎng)址：muchs.cn

具體代碼

~function(){
  //ajax:實現(xiàn)ajax請求的公共方法;當一個方法傳遞的參數(shù)過多，而且還不固定，我們使用對象統(tǒng)一傳值法（把需要傳遞的參數(shù)值都放在一個對象中，一起傳遞進去即可）
  function ajax(options){
    //把需要使用的參數(shù)值設定一個規(guī)則和初始值
    var _default = {
      url:"",//請求的地址
      type:"get",//請求的方式
      dataType:"json",//設置請求回來的內(nèi)容格式
      async:true,//請求是同步還是異步
      data:null,//放在請求主體中的內(nèi)容（POST）
      getHead:null,//當READY STATE===2的時候執(zhí)行的回調(diào)方法
      success:null//當READY STATE===4的時候執(zhí)行的回調(diào)方法
    };
    //使用用戶自己傳遞進來的值覆蓋我們的默認值
    for(var key in options){
      if(options.hasOwnProperty(key)){
        _default[key] = options[key];
      }
    }
    //如果當前的請求方式是get，我們需要在URL的末尾加隨機數(shù)清楚緩存
    if(_default.type==="get"){
      _default.url.indexOf("?") >=0 ? _default.url += "&" : _default.url += "?";
      _default.url +="_="+Math.random();
    }
    //SEND AJAX
    var xhr = createXHR();
    xhr.open(_default.type,_default.url,_default.async);
    xhr.onreadystatechange = function(){
      if(/^2\d{2}/.test(xhr.status)){
        //想要在READY STATE等于2的時候做一些操作，需要保證AJAX是異步請求
        if(xhr.readyState === 2){
          if(typeof _default.getHead === "function"){
            _default.getHead.call(xhr);
          }
        }
        if(xhr.readyState === 4){
          var val = xhr.responseText;
          //如果傳遞的參數(shù)值是json,說明獲取的內(nèi)容應該是json格式的對象
          if(_default.dataType === "json"){
            val = "JSON" in window ? JSON.parse(val) : eval("("+val+")");
          }
          _default.success && _default.success.call(xhr,val)

        }
      }
    }
    xhr.send(_default.data);
  }
  window.ajax = ajax;
}()

ajax({
  url:"data.txt",
  type:"get",
  dataType:"json",
  async:false,
  getHead:function(){
    //this xhr當前AJAX對象
  },
  success:function(data){
    //this xhr當前AJAX對象
    //data:我們從服務器獲取的主體內(nèi)容
  }

})

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前文章：js如何編寫簡單的ajax方法庫-創(chuàng)新互聯(lián)
網(wǎng)站地址：http://muchs.cn/article26/degocg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、網(wǎng)站收錄、用戶體驗、自適應網(wǎng)站、營銷型網(wǎng)站建設、品牌網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容