校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > js實現簡單實用的AJAX完整實例

js實現簡單實用的AJAX完整實例

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

本文實例講述了js實現簡單實用的AJAX的方法。分享給大家供大家參考,具體如下:

//版權歸屬 WUJXPING
//ajax 1.2
//更新2012-2-20
//1、異步數據加載可以進行加載方式get,post的設定
//2、異步同步模式的屬性設定
//3、數據加載自動超時設置
//4、***數據加載事件的添加,通過事件可以進行服務器數據的實時處理
//5、增加回調函數中用戶自定義參數this.e
//6、增加ajax反復提交控制,只需將ajax對象定義為全局變量,每次提交都會進行等待上次提交的執行結果
//7、修改數據反復提交時XmlHttp對象被反復創建的問題
//8、修復重大BUG,多個AJAX事件覆蓋問題
//服務器數據返回事件
ajax.prototype.ServerEven=function(Func){
  this.callback=new delegate(Func);//實例化
}
//創建異步處理對象
ajax.prototype.CreateXMLHttp=function(){
  if(this.XmlHttp!=null  typeof this.XmlHttp == "object")
    return this.XmlHttp;
  xmlhttpObj = ["Microsoft.XmlHttp","MSXML2.XmlHttp.5.0","MSXML2.XmlHttp.4.0","MSXML2.XmlHttp.3.0","MSXML2.XmlHttp"];
 //根據不同的瀏覽器創建XMLHttpRequest
 if(window.ActiveXObject){
   for(i=0;ixmlhttpObj.length;i++){ //選擇ie兼容版本
      try{
        this.XmlHttp = new ActiveXObject(xmlhttpObj[i]);
      }catch(err){
        continue;
      }
      if(this.XmlHttp)
        break;
    }
 }
 else if(window.XMLHttpRequest){
  this.XmlHttp=new XMLHttpRequest();
 }
  return this.XmlHttp;
 }
 //開始調用
ajax.prototype.Send=function(){
  if(this.isbusy)//ajax正忙
    return;
  this.isbusy=true;
 var xmlhtml=this.CreateXMLHttp(); //創建對象
  if(xmlhtml==null){
    this.isbusy=false
    if(this.callback!=null)
      this.callback.run("XMLHttpRequest Create Faild!",this.e);
    return;
  }
  var url=this.url;
  var _this=this;
  // 加隨機數防止緩存
  if (url.indexOf("?") > 0)
    url += "randnum=" + Math.random();
  else
    url += "?randnum=" + Math.random();
  xmlhtml.open(this.method,url,this.async);
 xmlhtml.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=utf-8;");
  xmlhtml.setRequestHeader("Cache-Control","no-cache");
 xmlhtml.setRequestHeader("Connection","Keep-Alive");
  //開啟定時進行超時等待
  var timer=setTimeout(function(){
    //if(xmlhtml.readyState!=4){
    xmlhtml.abort(); //取消本次傳輸
    _this.isbusy=false;
    if(_this.callback!=null)
      _this.callback.run("send timeout!",_this.e);
    clearTimeout(timer); //關閉定時器
  },this.timeout);
  if(this.async)//異步數據加載時狀態變化與事件掛鉤
    xmlhtml.onreadystatechange=function(){//接收服務器響應
      if(xmlhtml.readyState==4){//判斷是否是完成狀態
        if(xmlhtml.status==200){ //判斷是否執行成功
          _this.isbusy=false;
          clearTimeout(timer); //關閉定時器
          if(_this.callback!=null)//開始觸發服務器事件
            _this.callback.run(xmlhtml,_this.e);
        }
      }
    };
  try{
    xmlhtml.send(this.option);
  }catch(err){
    this.isbusy=false
    clearTimeout(timer); //關閉定時器
    alert(err);
    return;
  }
  if(!this.async){//同步數據加載時數據返回處理
    this.isbusy=false;
    clearTimeout(timer); //關閉定時器
    if(this.callback!=null)
      this.callback.run(xmlhtml,this.e);
  }
 }
 //創建ajax對象
function ajax(url){
  this.method="post";//設置數據提交方式
  this.async=true;//是否進行異步數據加載模式
  this.option="";  //請求的參數
  this.url=url;//請求的Url連接
  this.timeout=1000*60*1;//默認超時時間為1分鐘
  this.e=null;//回調事件中用戶自定義參數
  this.XmlHttp=null;//接收異步創建的對象防止反復創建
  this.isbusy=false//獲取當前ajax的執行狀態
  this.callback=null;//聲明回調事件
  // 實現委托的類
  delegate=function (func){
   this.arr = new Array(); // 回調函數數組
   this.add = function(func){
    this.arr[this.arr.length] = func;
   };
   this.run = function(sender,e){
    for(var i=0;ithis.arr.length;i++){
     var func = this.arr[i];
     if(typeof func == "function"){
      func(sender,e); // 遍歷所有方法以及調用
     }
    }
   }
   this.add(func);
  }
}

更多關于ajax相關內容感興趣的讀者可查看本站專題:《JavaScript中ajax操作技巧總結》及《jquery中Ajax用法總結》

希望本文所述對大家ajax程序設計有所幫助。

您可能感興趣的文章:
  • 原生js實現ajax方法(超簡單)
  • javascript實現原生ajax的幾種方法介紹
  • 詳談 Jquery Ajax異步處理Json數據.
  • AJAX跨域請求json數據的實現方法
  • 用ajax動態加載需要的js文件
  • 原生 JS Ajax,GET和POST 請求實例代碼
  • js每隔5分鐘執行一次ajax請求的實現方法
  • JavaScript讀二進制文件并用ajax傳輸二進制流的方法
  • ajax的json傳值方式在jsp頁面中的應用
  • 純js封裝的ajax功能函數與用法示例

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

巨人網絡通訊聲明:本文標題《js實現簡單實用的AJAX完整實例》,本文關鍵詞  實現,簡單,實,用的,AJAX,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《js實現簡單實用的AJAX完整實例》相關的同類信息!
  • 本頁收集關于js實現簡單實用的AJAX完整實例的相關信息資訊供網民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    欧美成人一区二区| 日本国产一区二区| 精油按摩中文字幕久久| 国内偷窥港台综合视频在线播放| 亚洲二区视频在线| 日产国产高清一区二区三区| 国产一区三区三区| 99久久免费国产| 在线免费观看成人短视频| 欧美美女一区二区三区| 欧美日韩国产免费| 国产婷婷色一区二区三区 | 久久久久久久网| 中文字幕一区二区三区四区| 精品粉嫩aⅴ一区二区三区四区 | 日本高清无吗v一区| 欧美三级电影在线观看| 精品国产乱码久久久久久图片 | 亚洲欧洲另类国产综合| 国产剧情一区二区三区| 在线综合+亚洲+欧美中文字幕| 日韩欧美中文一区二区| 亚洲成av人影院| 99re6这里只有精品视频在线观看| 在线看一区二区| 亚洲色图色小说| 丁香一区二区三区| 精品精品国产高清a毛片牛牛| 国产欧美一区二区精品秋霞影院| 午夜免费久久看| 99亚偷拍自图区亚洲| 久久综合九色欧美综合狠狠| 天天综合色天天综合色h| 色妹子一区二区| 一区二区在线看| 色综合中文字幕国产 | 欧美三级日韩在线| 亚洲成人三级小说| 欧美日韩精品一区二区| 丝袜亚洲另类欧美| 欧美精品精品一区| 国产成人aaa| 亚洲欧美一区二区三区久本道91| 成人av在线影院| 久久久不卡网国产精品二区| 黄色资源网久久资源365| 精品国内二区三区| 成人精品视频一区| 一个色在线综合| 2欧美一区二区三区在线观看视频 337p粉嫩大胆噜噜噜噜噜91av | av亚洲精华国产精华精华| 亚洲免费伊人电影| 精品电影一区二区三区| 成人18视频日本| 日韩高清不卡在线| 亚洲欧美日韩人成在线播放| 精品国产一区二区三区久久影院| 91在线国内视频| 激情图区综合网| 亚洲成人激情av| 国产精品成人午夜| 久久精品人人做人人爽人人| 91精品国产欧美一区二区18| eeuss影院一区二区三区| 午夜精品久久久久影视| 中文字幕久久午夜不卡| 欧美mv日韩mv国产网站app| 欧美狂野另类xxxxoooo| 国产不卡视频一区二区三区| 日韩中文字幕一区二区三区| 国产精品美女久久久久久久久 | 日本一区二区电影| 日韩欧美三级在线| 欧美性xxxxxx少妇| 色婷婷激情久久| 91麻豆精品在线观看| 91国在线观看| 欧美三级日韩在线| 色悠悠亚洲一区二区| 欧美色手机在线观看| 在线看不卡av| 欧美猛男男办公室激情| 91精品国产综合久久久久| 91精品国产91久久综合桃花| 欧美另类z0zxhd电影| 欧美福利电影网| 2023国产一二三区日本精品2022| 欧美成人精品1314www| 久久色中文字幕| 国产精品久久久久一区| 夜夜揉揉日日人人青青一国产精品| 一区二区三区欧美日韩| 久久aⅴ国产欧美74aaa| 国产麻豆成人精品| 欧美色窝79yyyycom| 欧美成人一级视频| 亚洲综合在线第一页| 免费观看日韩电影| www.成人网.com| 日韩欧美色综合网站| 亚洲欧美日韩国产综合| 精品一区二区在线观看| 91高清视频免费看| 亚洲精品一区二区三区福利| 亚洲国产日韩a在线播放性色| 国产九色精品成人porny| 欧美日韩国产综合视频在线观看| 2023国产精品| 日本一不卡视频| 91福利国产成人精品照片| 国产日韩欧美不卡| 国产露脸91国语对白| 日韩欧美你懂的| 久久国产精品无码网站| 69久久夜色精品国产69蝌蚪网| 亚洲靠逼com| 97精品久久久午夜一区二区三区| 精品久久免费看| 国产成人精品一区二区三区四区| 欧美午夜一区二区三区| 一区二区三区在线视频免费| 成人性生交大片免费看视频在线| 国产视频一区在线观看| 国产成a人亚洲| 国产精品盗摄一区二区三区| 91色在线porny| 亚洲aaa精品| 精品乱码亚洲一区二区不卡| 国产精品一区二区x88av| 久久九九久久九九| 91麻豆精品视频| 捆绑调教美女网站视频一区| 久久综合成人精品亚洲另类欧美| 国产一区二区三区免费观看| 亚洲男女毛片无遮挡| 欧美另类一区二区三区| 国产成a人亚洲精| 丝瓜av网站精品一区二区| 精品精品国产高清a毛片牛牛| 91视频在线观看免费| 青青草原综合久久大伊人精品优势| 国产欧美一区二区三区网站| 色婷婷久久久综合中文字幕| 久久99久久精品欧美| 最新不卡av在线| 国产亚洲欧美中文| 91精品国产日韩91久久久久久| 成人av手机在线观看| 麻豆精品一二三| 亚洲综合免费观看高清完整版| 国产欧美日韩卡一| 911精品国产一区二区在线| 99久久国产免费看| 国产黑丝在线一区二区三区| 秋霞午夜av一区二区三区| 亚洲成av人片在线| 亚洲午夜久久久久久久久电影网| 最好看的中文字幕久久| 亚洲欧洲另类国产综合| 久久久久久日产精品| 国产偷国产偷精品高清尤物| 91精品国产综合久久精品图片| 在线日韩av片| 日本精品视频一区二区| 972aa.com艺术欧美| 成人福利视频在线看| 国产精品77777竹菊影视小说| 国产一区二区在线电影| 国产综合色在线| 国产成人免费在线视频| 丰满放荡岳乱妇91ww| 一本色道久久综合亚洲aⅴ蜜桃| 91成人免费电影| 日韩欧美亚洲国产精品字幕久久久| 91精品国产高清一区二区三区| 欧美电影免费观看高清完整版在线观看| 91精品福利在线一区二区三区| 日韩手机在线导航| 久久久国产精品午夜一区ai换脸| 国产精品午夜在线| 亚洲大片精品永久免费| 国模少妇一区二区三区| 欧美精品三级日韩久久| 国产亚洲欧美日韩俺去了| 亚洲国产日韩在线一区模特| 乱中年女人伦av一区二区| 波多野结衣一区二区三区| 欧美亚洲综合另类| 国产精品久久福利| 免费的成人av| 在线综合亚洲欧美在线视频| 亚洲欧美一区二区三区久本道91 | 亚洲欧美激情在线| 风间由美性色一区二区三区| 7799精品视频| 偷偷要91色婷婷| 欧美日韩精品免费观看视频| 中文字幕一区在线观看视频| 精彩视频一区二区三区| 欧美成人伊人久久综合网|