婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > js實現(xiàn)簡單實用的AJAX完整實例

js實現(xiàn)簡單實用的AJAX完整實例

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

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

//版權(quán)歸屬 WUJXPING
//ajax 1.2
//更新2012-2-20
//1、異步數(shù)據(jù)加載可以進行加載方式get,post的設(shè)定
//2、異步同步模式的屬性設(shè)定
//3、數(shù)據(jù)加載自動超時設(shè)置
//4、***數(shù)據(jù)加載事件的添加,通過事件可以進行服務(wù)器數(shù)據(jù)的實時處理
//5、增加回調(diào)函數(shù)中用戶自定義參數(shù)this.e
//6、增加ajax反復(fù)提交控制,只需將ajax對象定義為全局變量,每次提交都會進行等待上次提交的執(zhí)行結(jié)果
//7、修改數(shù)據(jù)反復(fù)提交時XmlHttp對象被反復(fù)創(chuàng)建的問題
//8、修復(fù)重大BUG,多個AJAX事件覆蓋問題
//服務(wù)器數(shù)據(jù)返回事件
ajax.prototype.ServerEven=function(Func){
  this.callback=new delegate(Func);//實例化
}
//創(chuàng)建異步處理對象
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"];
 //根據(jù)不同的瀏覽器創(chuàng)建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;
 }
 //開始調(diào)用
ajax.prototype.Send=function(){
  if(this.isbusy)//ajax正忙
    return;
  this.isbusy=true;
 var xmlhtml=this.CreateXMLHttp(); //創(chuàng)建對象
  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;
  // 加隨機數(shù)防止緩存
  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); //關(guān)閉定時器
  },this.timeout);
  if(this.async)//異步數(shù)據(jù)加載時狀態(tài)變化與事件掛鉤
    xmlhtml.onreadystatechange=function(){//接收服務(wù)器響應(yīng)
      if(xmlhtml.readyState==4){//判斷是否是完成狀態(tài)
        if(xmlhtml.status==200){ //判斷是否執(zhí)行成功
          _this.isbusy=false;
          clearTimeout(timer); //關(guān)閉定時器
          if(_this.callback!=null)//開始觸發(fā)服務(wù)器事件
            _this.callback.run(xmlhtml,_this.e);
        }
      }
    };
  try{
    xmlhtml.send(this.option);
  }catch(err){
    this.isbusy=false
    clearTimeout(timer); //關(guān)閉定時器
    alert(err);
    return;
  }
  if(!this.async){//同步數(shù)據(jù)加載時數(shù)據(jù)返回處理
    this.isbusy=false;
    clearTimeout(timer); //關(guān)閉定時器
    if(this.callback!=null)
      this.callback.run(xmlhtml,this.e);
  }
 }
 //創(chuàng)建ajax對象
function ajax(url){
  this.method="post";//設(shè)置數(shù)據(jù)提交方式
  this.async=true;//是否進行異步數(shù)據(jù)加載模式
  this.option="";  //請求的參數(shù)
  this.url=url;//請求的Url連接
  this.timeout=1000*60*1;//默認(rèn)超時時間為1分鐘
  this.e=null;//回調(diào)事件中用戶自定義參數(shù)
  this.XmlHttp=null;//接收異步創(chuàng)建的對象防止反復(fù)創(chuàng)建
  this.isbusy=false//獲取當(dāng)前ajax的執(zhí)行狀態(tài)
  this.callback=null;//聲明回調(diào)事件
  // 實現(xiàn)委托的類
  delegate=function (func){
   this.arr = new Array(); // 回調(diào)函數(shù)數(shù)組
   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); // 遍歷所有方法以及調(diào)用
     }
    }
   }
   this.add(func);
  }
}

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

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

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

標(biāo)簽:舟山 海南 林芝 邢臺 內(nèi)蒙古 鄭州 遼源 洛陽

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《js實現(xiàn)簡單實用的AJAX完整實例》,本文關(guān)鍵詞  實現(xiàn),簡單,實,用的,AJAX,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《js實現(xiàn)簡單實用的AJAX完整實例》相關(guān)的同類信息!
  • 本頁收集關(guān)于js實現(xiàn)簡單實用的AJAX完整實例的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章
    婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av
    日韩视频国产视频| 欧美妇女性影城| 欧美日韩在线三区| 国产日韩成人精品| 亚洲第一精品在线| 91在线码无精品| 国产精品入口麻豆原神| 成人国产精品免费| 伊人性伊人情综合网| 欧洲激情一区二区| 午夜不卡av在线| 日韩精品一区二区三区老鸭窝| 五月婷婷综合网| 欧美福利一区二区| 国产精品99久| 中文字幕欧美激情一区| 91久久国产综合久久| 午夜激情综合网| 欧美伦理电影网| 日本va欧美va瓶| 欧美国产日韩亚洲一区| 欧美视频日韩视频| 欧美精品第1页| 国产一区二区伦理| 欧美国产在线观看| 99久久久国产精品免费蜜臀| 亚洲欧洲性图库| 精品视频免费在线| 国产精品中文有码| 亚洲www啪成人一区二区麻豆| 精品国产乱码久久久久久久久| av一区二区三区在线| 日本va欧美va精品发布| 久久九九久精品国产免费直播| 91在线精品一区二区| 图片区小说区国产精品视频| 日本一区二区三区高清不卡| 亚洲高清视频的网址| 欧美va亚洲va在线观看蝴蝶网| 国产精品一区二区三区99| 1区2区3区国产精品| 91日韩一区二区三区| 亚洲成av人**亚洲成av**| 日本一区二区三区电影| 欧美精选一区二区| 国产一区三区三区| 综合亚洲深深色噜噜狠狠网站| 91搞黄在线观看| 美女在线视频一区| 亚洲电影你懂得| 国产日韩欧美高清在线| 色哟哟国产精品免费观看| 国产99久久久国产精品免费看| 曰韩精品一区二区| 国产精品激情偷乱一区二区∴| 欧美一区二区观看视频| 97超碰欧美中文字幕| 国产精品综合二区| 日韩精品成人一区二区三区| 国产欧美日韩卡一| 精品国产一区二区三区四区四| 色美美综合视频| 激情深爱一区二区| 韩国精品在线观看| 国产黄色成人av| 毛片一区二区三区| 香蕉加勒比综合久久| 亚洲欧美激情一区二区| 亚洲欧洲性图库| 亚洲精品成a人| 午夜一区二区三区视频| 亚洲一线二线三线视频| 亚洲第一激情av| 美女一区二区在线观看| 国产精品18久久久久久久久久久久 | 欧美日韩国产在线播放网站| 97久久精品人人爽人人爽蜜臀 | 在线精品视频小说1| av电影天堂一区二区在线观看| av色综合久久天堂av综合| 成人午夜私人影院| zzijzzij亚洲日本少妇熟睡| 国产精品1024| 99久久免费视频.com| 一本大道久久a久久精品综合| 国内成人免费视频| www.亚洲在线| 欧美午夜一区二区| 91女厕偷拍女厕偷拍高清| 欧美日韩卡一卡二| 亚洲靠逼com| 亚洲香肠在线观看| 亚洲欧洲精品成人久久奇米网| 五月天亚洲精品| 欧美中文字幕一区二区三区| 精品久久免费看| 欧美成人一级视频| 日本一区二区免费在线观看视频| 久久综合色鬼综合色| 中文字幕中文字幕一区| 一区二区三区在线观看动漫| 国产精品网站在线观看| 日本最新不卡在线| 欧美精品国产精品| 婷婷久久综合九色综合绿巨人| 国产一区二区三区av电影 | 国产乱国产乱300精品| 日韩精品一区二区三区视频| 中文字幕在线一区免费| 亚洲一区二区3| 色噜噜狠狠色综合欧洲selulu| 国产精品网曝门| 欧美日韩国产综合一区二区| 欧美乱妇20p| 欧美群妇大交群中文字幕| 三级在线观看一区二区 | 日韩欧美不卡在线观看视频| 国产精品国产三级国产a| 久久精品国产一区二区三区免费看| 成人av网址在线| 欧美r级电影在线观看| 亚洲精品一卡二卡| 成人在线视频一区二区| 日韩精品一区二区在线观看| 亚洲成人先锋电影| 91久久香蕉国产日韩欧美9色| 久久精子c满五个校花| 国产在线精品一区二区| 日韩一区二区在线观看| 亚洲国产中文字幕在线视频综合| 99精品欧美一区二区三区小说 | 欧美一区国产二区| 亚洲综合在线电影| av在线一区二区| 国产精品私房写真福利视频| 韩国三级在线一区| 欧美一区二区免费视频| 日韩二区三区在线观看| 欧美福利一区二区| 麻豆精品在线视频| 精品国内二区三区| 狠狠色狠狠色综合系列| 26uuu国产日韩综合| 国产一区二区三区在线观看精品| 久久亚洲捆绑美女| 日日摸夜夜添夜夜添精品视频| 日韩欧美在线综合网| 成人国产精品视频| 成人免费一区二区三区在线观看| 韩国av一区二区三区在线观看| 欧美男人的天堂一二区| 亚洲成人动漫精品| 欧美精品在线观看播放| 亚洲国产精品天堂| 欧美一区二区三区喷汁尤物| 日本成人在线看| 日韩精品专区在线影院重磅| 日韩精品成人一区二区在线| 欧美三电影在线| 国模大尺度一区二区三区| 国产日韩在线不卡| 91久久国产最好的精华液| 丝袜美腿亚洲色图| 久久久久99精品国产片| 亚洲国产精品人人做人人爽| 欧美一三区三区四区免费在线看| 日本一区二区视频在线| 一本到不卡精品视频在线观看| 一区二区三区电影在线播| 欧美一区二区三区小说| 国产高清无密码一区二区三区| 国产精品成人网| 欧美二区在线观看| 国产成人免费高清| 一区二区三区在线高清| 精品国产乱码久久久久久闺蜜| av日韩在线网站| 久国产精品韩国三级视频| 亚洲丝袜另类动漫二区| 日韩精品影音先锋| 91久久精品一区二区| 国产精品18久久久久久vr| 亚洲国产精品一区二区久久| 欧美激情综合五月色丁香小说| 欧美日韩午夜在线| av电影天堂一区二区在线| 精品一区二区三区不卡| 亚洲主播在线播放| 中文字幕在线播放不卡一区| 91精品国产aⅴ一区二区| 播五月开心婷婷综合| 丝袜美腿亚洲综合| 亚洲裸体xxx| 国产精品色噜噜| 久久久精品综合| 日韩一区二区电影| 欧美精品久久一区二区三区| 在线一区二区观看| 在线欧美日韩国产| 色丁香久综合在线久综合在线观看|