最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

關(guān)于ajax網(wǎng)絡(luò)請(qǐng)求的封裝實(shí)例

 更新時(shí)間:2016年07月14日 09:00:34   投稿:jingxian  
下面小編就為大家?guī)?lái)一篇關(guān)于ajax網(wǎng)絡(luò)請(qǐng)求的封裝實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

實(shí)例代碼:

// 封裝的ajax網(wǎng)絡(luò)請(qǐng)求函數(shù)
// obj 是一個(gè)對(duì)象
function AJAX(obj){


    //跨域請(qǐng)求
    if (obj.dataType == "jsonp") {
      //在這里 callback 必須是全局變量 保證函數(shù)消失的時(shí)候 這個(gè)變量不可以被銷毀

      //處理一下函數(shù)名(防止多個(gè)網(wǎng)絡(luò)請(qǐng)求 函數(shù)名字相同 出現(xiàn)紊亂的情況)
      var hehe = "callBack" + "_" + new Date().getTime() + "_" + String(Math.random()).replace(".","");
      window[hehe] = obj.success;
      //創(chuàng)建 script標(biāo)簽
      var sc = document.createElement("script");
      sc.src = obj.url + "?" + "cb=" + hehe;
      console.log(sc.src);
      document.body.appendChild(sc);
      document.body.removeChild(sc);
      return;
    }

 

 

//1、創(chuàng)建 ajax 對(duì)象
  var ajaxObj = null;
  if (window.XMLHttpRequest) {
    ajaxObj = new XMLHttpRequest();
  }else{
    ajaxObj = new ActiveXObject("Microsoft.XMLHTTP");
  }


  //設(shè)置請(qǐng)求的類型
  obj.type = obj.type.toUpperCase() || "GET";

  //如果是get請(qǐng)求 并且需要傳遞參數(shù) 則需要給 url 后面拼接參數(shù)
  if (obj.type == "GET") {
    var arr = [];//定義數(shù)組 用于把對(duì)象存儲(chǔ)到數(shù)據(jù)里面
    for (var key in obj.data) {
      arr.push(key +"="+ obj.data[key]);
    }
    //用&分隔數(shù)組 讓其轉(zhuǎn)化為類似:name=lxl&age=18 的形式
    var str = arr.join("&");
    obj.url = obj.url +"?"+ str;
    //撥號(hào)
    ajaxObj.open(obj.type,obj.url,true);


    //發(fā)送"name=123&age=18"
    ajaxObj.send();
  }else{
    var arr = [];//定義數(shù)組 用于把對(duì)象存儲(chǔ)到數(shù)據(jù)里面
    for (var key in obj.data) {
      arr.push(key +"="+ obj.data[key]);
      //console.log(arr);
    }
    //用&分隔數(shù)組 讓其轉(zhuǎn)化為類似:name=lxl&age=18 的形式
    var str = arr.join("&");
    //console.log(str);
    ajaxObj.open(obj.type,obj.url,true);
    ajaxObj.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajaxObj.send(str);
  }



  //監(jiān)聽(tīng)
  ajaxObj.onreadystatechange = function(){

    if (ajaxObj.readyState == 4) {
      if (ajaxObj.status >= 200 && ajaxObj.status < 300 || ajaxObj.status == 304) {
        //請(qǐng)求成功
        obj.success(ajaxObj.responseText);
      }else{
        //請(qǐng)求失敗
        obj.error(ajaxObj.status);
      }
    }

  }

}

以上這篇關(guān)于ajax網(wǎng)絡(luò)請(qǐng)求的封裝實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

  • ajax與傳統(tǒng)web開發(fā)的異同點(diǎn)

    ajax與傳統(tǒng)web開發(fā)的異同點(diǎn)

    本文給大家介紹ajax與傳統(tǒng)web開發(fā)的異同點(diǎn),涉及到ajax、web方面的知識(shí),感興趣的朋友跟著小編一起學(xué)習(xí)吧
    2015-10-10
  • AJAX中文亂碼解決新方法分享

    AJAX中文亂碼解決新方法分享

    用過(guò)AJAX的朋友肯定知道javascript是使用UTF-8國(guó)際編碼,即每個(gè)漢字用3個(gè)字節(jié)來(lái)存儲(chǔ),但是這就造成了用AJAX來(lái)send數(shù)據(jù)的時(shí)候出現(xiàn)亂碼。
    2014-05-05
  • 如何使用ajax讀取Json中的數(shù)據(jù)

    如何使用ajax讀取Json中的數(shù)據(jù)

    這篇文章主要介紹了如何使用ajax讀取Json中的數(shù)據(jù),如何使用AJAX讀取Json數(shù)組里面的數(shù)據(jù),感興趣的小伙伴們可以參考一下
    2016-04-04
  • HTML5 Ajax文件上傳進(jìn)度條如何顯示

    HTML5 Ajax文件上傳進(jìn)度條如何顯示

    這篇文章主要介紹了HTML5 Ajax文件上傳進(jìn)度條是如何顯示的,基于原生html5實(shí)現(xiàn),不需要falsh支持,進(jìn)度可以自定義顯示,控制靈活,感興趣的小伙伴們可以參考一下
    2016-04-04
  • Ajax異步刷新功能及簡(jiǎn)單案例

    Ajax異步刷新功能及簡(jiǎn)單案例

    我們都知道,異步刷新是ajax中非常重要的一個(gè)功能,這篇文章主要來(lái)介紹一下有關(guān)ajax中異步刷新的知識(shí),以及一個(gè)簡(jiǎn)單的注冊(cè)案例。感興趣的小伙伴可以了解一下
    2021-11-11
  • 解決ajax回調(diào)函數(shù)返回的字符串亂碼問(wèn)題

    解決ajax回調(diào)函數(shù)返回的字符串亂碼問(wèn)題

    ajax回調(diào)函數(shù),返回的字符串亂碼問(wèn)題很是讓人痛恨,下面有個(gè)不錯(cuò)的解決方法,大家可以參考下
    2014-01-01
  • Ajax的小貼士使用小結(jié)

    Ajax的小貼士使用小結(jié)

    Ajax的小貼士使用小結(jié)...
    2007-10-10
  • ajax的兩種提交方式(get/post)和兩種版本

    ajax的兩種提交方式(get/post)和兩種版本

    本篇也用encodeURI對(duì)字符串做了加密,并在類里做了解碼,其中需要一些注意的地方在源碼里做了注釋。get/post兩種提交方式,但get提交容易亂碼,一定多加注意
    2013-09-09
  • Jquery Ajax請(qǐng)求方法小結(jié)(值得收藏)

    Jquery Ajax請(qǐng)求方法小結(jié)(值得收藏)

    本文給大家介紹jquery ajax請(qǐng)求方法小結(jié),jquery作為一個(gè)輕量級(jí)的js框架,能快速的開發(fā)js應(yīng)用,并且在一定程度上改變了我們寫js代碼的習(xí)慣,對(duì)jquery ajax請(qǐng)求感興趣的朋友參考下
    2015-11-11
  • AJAX亂碼解決新方法

    AJAX亂碼解決新方法

    AJAX亂碼解決新方法...
    2007-07-07

最新評(píng)論

谷城县| 双城市| 诏安县| 明水县| 西青区| 平舆县| 秦安县| 偏关县| 高安市| 中超| 利辛县| 鄂托克前旗| 德令哈市| 微博| 仙居县| 仙居县| 通城县| 开封县| 镇平县| 青铜峡市| 永胜县| 石渠县| 云安县| 永胜县| 怀来县| 清徐县| 望都县| 兴安县| 长垣县| 合作市| 阜新市| 潼关县| 天祝| 蓬溪县| 永仁县| 东乡| 沅陵县| 正宁县| 图木舒克市| 贵州省| 会理县|