<dfn id="w48us"></dfn><ul id="w48us"></ul>
  • <ul id="w48us"></ul>
  • <del id="w48us"></del>
    <ul id="w48us"></ul>
  • 原生ajax調(diào)用數(shù)據(jù)實例簡單講解

    時間:2024-06-22 16:10:20 AJAX 我要投稿
    • 相關(guān)推薦

    原生ajax調(diào)用數(shù)據(jù)實例簡單講解

      由于jQuery的盛行,現(xiàn)在使用較多的是jQuery封裝好了的ajax,因為解決了瀏覽器兼容性問題,這對程序員來說就等于去掉了一個心頭大患,但并非原生ajax就銷聲匿跡,并且本人感覺還是對原生的ajax有所了解的好,下面就是一段ajax數(shù)據(jù)調(diào)用的實例代碼,非常的簡單,初學(xué)者可以參考一下。代碼如下:

      一.兼容瀏覽器部分

      function xmlHttpR(){ var xmlhttp; if(window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else { try { xmlhttp=new ActiveXObject("Msxml2.XMLHTTP") } catch(e) { try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } catch(e){return null;} } } return xmlhttp; }

      以上能夠返回一個兼容各個瀏覽器的對象。

      二.實例代碼

      var ajaxEl=new Object(); //ajaxEl是自定義的命名空間; ajaxEl.contentLoad=function(url){ //IE瀏覽器下,會啟用緩存,這里url加入date字段就是為了防止IE使用緩存,當(dāng)然也可以使用Math.random()產(chǎn)生和getTime類似的效果; url+=""+new Date().getTime(); this.req=null; this.url=url; //這個回調(diào)函數(shù)就是在數(shù)據(jù)在頁面上的更新函數(shù); this.onload=function() { //domEl是ID為#test的dom元素; var domEl=document.getElementById("test"); //除了用responseText屬性,也可以使用responseXml獲得一張數(shù)據(jù)表; domEl.innerHTML=this.req.responseText; } this.Xmlhttp(url); } ajaxEl.contentLoad.prototype={ Xmlhttp:function(url){ if(window.XMLHttpRequest) { this.req=new XMLHttpRequest(); } else { try{this.req=new ActiveXObject("Msxml2.XMLHTTP")} catch(e) { try{this.req=new ActiveXObject("Microsoft.XMLHTTP"); } catch(e){return null;} } } if(this.req) { var xmlR=this; this.req.onreadystatechange=function(){ if(xmlR.req.readyState===4) { xmlR.onload.call(xmlR); } } this.req.open("GET",url,true); this.req.send(null); } } } var xmlE=new ajaxEl.contentLoad("main.php");

      三.php中的代碼

      echo "now! time is:".date("H:i:s a Y");

      以上就是關(guān)于原生ajax調(diào)用數(shù)據(jù)實例介紹,希望對大家的學(xué)習(xí)有所幫助。

    【原生ajax調(diào)用數(shù)據(jù)實例簡單講解】相關(guān)文章:

    Ajax使用JSON數(shù)據(jù)格式案例分析01-10

    實例講解托福閱讀推斷題技巧06-20

    簡單實用的演講技巧講解09-04

    java調(diào)用cmd命令01-29

    AJAX的工作原理及優(yōu)缺點08-16

    Windows網(wǎng)絡(luò)診斷怎么調(diào)用10-02

    使用ajax操作JavaScript對象的方法09-28

    關(guān)于Ajax技術(shù)原理的幾點總結(jié)01-10

    小升初數(shù)學(xué)簡單統(tǒng)計表知識講解01-28

    基于ajax實現(xiàn)無刷新分頁的方法10-15

    主站蜘蛛池模板: 久久精品国产一区二区电影| 自拍偷自拍亚洲精品情侣| 精品99久久aaa一级毛片| 无码人妻精品一区二区三区久久久| 无码精品一区二区三区免费视频| 一本色道久久88—综合亚洲精品| 国产成人精品cao在线| 国产精品无码无卡在线播放| 久久精品视屏| 伊人久久精品线影院| 国产在线精品一区二区中文| 亚洲电影日韩精品 | 国产伦精品一区二区三区女 | 国产乱人伦偷精品视频AAA| 精品无人区无码乱码大片国产| 久久线看观看精品香蕉国产| 精品人妻码一区二区三区| 亚洲精品动漫人成3d在线| 久久精品无码av| 精品一区二区三区免费观看| 国产精品成人一区二区| 97精品国产高清自在线看超| 2024国产精品极品色在线| 精品视频一区二区三区在线观看 | 欧美黑人巨大videos精品| 国产精品午夜福利在线无码| 2021国产三级精品三级在专区| 国产精品久久久久久影院 | 亚洲精品无码久久久久| 婷婷久久精品国产| 日韩专区亚洲精品欧美专区| 老司机精品影院91| 人妻无码精品久久亚瑟影视| 午夜福利麻豆国产精品| 亚洲精品成人片在线观看| 最新国产精品精品视频| 一本一本久久A久久综合精品| 日本午夜精品一区二区三区电影| 蜜臀久久99精品久久久久久小说| 精品无码人妻一区二区免费蜜桃 | 500av导航大全精品|