<dfn id="w48us"></dfn><ul id="w48us"></ul>
  • <ul id="w48us"></ul>
  • <del id="w48us"></del>
    <ul id="w48us"></ul>
  • 原生ajax調用數據實例簡單講解

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

    原生ajax調用數據實例簡單講解

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

      一.兼容瀏覽器部分

      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使用緩存,當然也可以使用Math.random()產生和getTime類似的效果; url+=""+new Date().getTime(); this.req=null; this.url=url; //這個回調函數就是在數據在頁面上的更新函數; this.onload=function() { //domEl是ID為#test的dom元素; var domEl=document.getElementById("test"); //除了用responseText屬性,也可以使用responseXml獲得一張數據表; 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");

      以上就是關于原生ajax調用數據實例介紹,希望對大家的學習有所幫助。

    【原生ajax調用數據實例簡單講解】相關文章:

    Ajax使用JSON數據格式案例分析01-10

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

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

    java調用cmd命令01-29

    AJAX的工作原理及優缺點08-16

    Windows網絡診斷怎么調用10-02

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

    關于Ajax技術原理的幾點總結01-10

    小升初數學簡單統計表知識講解01-28

    基于ajax實現無刷新分頁的方法10-15

    主站蜘蛛池模板: 51视频国产精品一区二区| 精品精品国产自在久久高清| 人妻少妇精品视频一区二区三区 | 99热精品毛片全部国产无缓冲| 日韩精品成人a在线观看| 欧美一区二区精品| 精品久久人妻av中文字幕| 青青草97国产精品免费观看| 一本一道久久精品综合| 国产乱子伦精品无码码专区| 亚洲欧美精品综合中文字幕| 99熟女精品视频一区二区三区 | 久久er99热精品一区二区| 亚洲国产小视频精品久久久三级| 国产精品v欧美精品v日本精| 91精品视频网站| 久久精品夜夜夜夜夜久久| 亚洲精品视频免费| 久久精品免费网站网| 99热亚洲精品6码| 久久精品国产免费一区| 国产麻豆精品一区二区三区v视界| 无码精品人妻一区二区三区影院 | 国产成人精品综合网站| 亚洲国产精品一区第二页 | 国产精品亚洲精品日韩已方| 日韩精品在线免费观看| 国产91精品在线| 国产精品无码成人午夜电影| 亚洲国产精品无码久久久蜜芽| 日韩午夜高清福利片在线观看欧美亚洲精品suv | 国产精品中文字幕在线观看| 国产精品免费一区二区三区四区| 亚洲午夜精品第一区二区8050| 狠狠精品干练久久久无码中文字幕 | 精品视频无码一区二区三区| 亚洲午夜福利精品久久| 日产国产精品亚洲系列| 中文字幕亚洲精品无码| 亚洲午夜精品久久久久久浪潮| 日韩精品一区二区三区中文字幕 |