国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > AJAX > 正文

使用原生js寫ajax實例(推薦)

2024-09-01 08:33:52
字體:
來源:轉載
供稿:網友

實例如下:

// 使用原生js 封裝ajax// 兼容xhr對象function createXHR(){  if(typeof XMLHttpRequest != "undefined"){ // 非IE6瀏覽器    return new XMLHttpRequest();  }else if(typeof ActiveXObject != "undefined"){  // IE6瀏覽器    var version = [          "MSXML2.XMLHttp.6.0",          "MSXML2.XMLHttp.3.0",          "MSXML2.XMLHttp",    ];    for(var i = 0; i < version.length; i++){      try{        return new ActiveXObject(version[i]);      }catch(e){        //跳過      }    }  }else{    throw new Error("您的系統或瀏覽器不支持XHR對象!");  }}// 轉義字符function params(data){  var arr = [];  for(var i in data){    arr.push(encodeURIComponent(i) + "=" + encodeURIComponent(data[i]));  }  return arr.join("&");}// 封裝ajaxfunction ga_ajax(obj){  var xhr = createXHR();  obj.url = obj.url + "?rand=" + Math.random(); // 清除緩存  obj.data = params(obj.data);   // 轉義字符串  if(obj.method === "get"){   // 判斷使用的是否是get方式發送    obj.url += obj.url.indexOf("?") == "-1" ? "?" + obj.data : "&" + obj.data;  }  // 異步  if(obj.async === true){    // 異步的時候需要觸發onreadystatechange事件    xhr.onreadystatechange = function(){      // 執行完成      if(xhr.readyState == 4){        callBack();      }    }  }  xhr.open(obj.method,obj.url,obj.async); // false是同步 true是異步 // "demo.php?rand="+Math.random()+"&name=ga&ga",  if(obj.method === "post"){    xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");    xhr.send(obj.data);  }else{    xhr.send(null);  }  // xhr.abort(); // 取消異步請求  // 同步  if(obj.async === false){    callBack();  }  // 返回數據  function callBack(){    // 判斷是否返回正確    if(xhr.status == 200){      obj.success(xhr.responseText);    }else{      obj.Error("獲取數據失敗,錯誤代號為:"+xhr.status+"錯誤信息為:"+xhr.statusText);    }  }}var html = document.getElementsByTagName("html")[0];html.onclick = function(){  ga_ajax({    "method" : "post",    "url" : "demo.php",    "data" : {      "name" : "gao",      "age" : 100,      "num" : "12346&598"    },    "success" : function(data){      alert(data);    },    "Error" : function(text){      alert(text);    },    "async" : false  });}

以上這篇使用原生js寫ajax實例(推薦)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 大宁县| 沿河| 西峡县| 义马市| 新乡县| 铜陵市| 德钦县| 金寨县| 公安县| 德江县| 秦皇岛市| 滨州市| 信宜市| 读书| 叙永县| 涟源市| 衢州市| 阿图什市| 梅州市| 开阳县| 房产| 修水县| 石泉县| 精河县| 保德县| 莱州市| 河池市| 监利县| 瑞金市| 奈曼旗| 武功县| 延安市| 长沙县| 深圳市| 肇源县| 河西区| 卢龙县| 富锦市| 友谊县| 大安市| 永宁县|