91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

react中的ajax封裝實例詳解

發布時間:2020-10-24 00:12:49 來源:腳本之家 閱讀:186 作者:lqh 欄目:web開發

react中的ajax封裝實例詳解

代碼塊

**opts: {'可選參數'}
**method: 請求方式:GET/POST,默認值:'GET';
**url:  發送請求的地址, 默認值: 當前頁地址;
**data: string,json;
**async: 是否異步:true/false,默認值:true;
**cache: 是否緩存:true/false,默認值:true;
**contentType: HTTP頭信息,默認值:'application/x-www-form-urlencoded';
**success: 請求成功后的回調函數;
**error: 請求失敗后的回調函數;
*/
let configResText = function (responseText, resTextType){
 return resTextType == 'html' ? responseText : JSON.parse(responseText);
};

let ajax = function (opts){
 //一.設置默認參數
 var defaults = {  
   method: 'GET',
     url: '',
    data: '',
    async: true,
    cache: false,
 contentType: 'application/x-www-form-urlencoded',
 resTextType: '',
   success: function (){},
    error: function (){}
 };

 //二.用戶參數覆蓋默認參數  
 for(var key in opts){
  defaults[key] = opts[key];
 }

 //三.對數據進行處理
 if(typeof defaults.data === 'object'){  //處理 data
  var str = '';
  for(var key in defaults.data){
   var curDataStr = JSON.stringify(defaults.data[key]);
   if (curDataStr.charAt(0) == '[' && curDataStr.charAt(curDataStr.length-1) == ']') {
    var arrQuery = JSON.parse(curDataStr).map(function (item){
     return key + '[]=' + item
    }).join('&');
    str += key + '=' + arrQuery + '&';
   } else {
    str += key + '=' + defaults.data[key] + '&';
   }
  }
  defaults.data = str.substring(0, str.length - 1);
 }

 defaults.method = defaults.method.toUpperCase();  //處理 method

 defaults.cache = defaults.cache ? '' : '&' + new Date().getTime() ;//處理 cache

 if( defaults.method === 'GET' && (defaults.data || defaults.cache) ) {
  defaults.url += String('?' + defaults.data + defaults.cache);  //處理 url
  if(defaults.cache){
   defaults.url = defaults.url.replace(/(\?[^\?]+)\?/gi, '$1');
  }
 }

 //四.開始編寫ajax
 //1.創建ajax對象
 var oXhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
 //2.和服務器建立聯系,告訴服務器你要取什么文件
 oXhr.open(defaults.method, defaults.url, defaults.async);
 //3.發送請求
 if(defaults.method === 'GET')
  oXhr.send(null);
 else{
  oXhr.setRequestHeader("Content-type", defaults.contentType);
  oXhr.send(defaults.data);
 }  
 //4.等待服務器回應
 oXhr.onreadystatechange = function (){
  if(oXhr.readyState === 4){
   if(oXhr.status === 200)
    defaults.success.call(oXhr, configResText(oXhr.responseText, defaults.resTextType));
   else{
    defaults.error();
   }
  }
 };
};

export default ajax;

調用方法

import ajax from '../../commonJS/ajax.js';
ajax({
  url: '',
  data: '',
  success: function(t) {
      if (t) {
      let allpageNum = t.data;
        $this.setState({
         allPages:allpageNum
        });
      }
  }
});

如有疑問請留言或者到本站社區交流討論,感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

文登市| 石楼县| 友谊县| 措勤县| 陈巴尔虎旗| 秦安县| 贵定县| 丹寨县| 福鼎市| 江源县| 麦盖提县| 剑川县| 万宁市| 红原县| 柘荣县| 柳林县| 张家界市| 邢台市| 柘城县| 大港区| 钟山县| 改则县| 塔城市| 阿拉善盟| 漳州市| 桃园县| 泾源县| 葵青区| 鹿泉市| 靖边县| 古浪县| 通山县| 昌乐县| 大足县| 菏泽市| 崇仁县| 门源| 汪清县| 介休市| 阿拉尔市| 钟山县|