隨筆-84  評(píng)論-56  文章-0  trackbacks-0
           

          創(chuàng)建XHR發(fā)送請(qǐng)求

          Ø 如下:

          <script type="text/javascript">

          var xmlHttp;

          //創(chuàng)建一個(gè)XMLHttpRequest對(duì)象 

          function createXMLHttpRequest() {

          // For Internet Explorer 5.5, 6, 7 

              if (window.ActiveXObject) {

                  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

              } 

          // For Mozilla, Firefox, Safari, Netscape

              else if (window.XMLHttpRequest) {

                  xmlHttp = new XMLHttpRequest();

              }

          }  

          </script>

          AJAX發(fā)送請(qǐng)求

          Ø 如下:

          function startRequest() {

              createXMLHttpRequest();

          //注冊(cè)回調(diào)事件處理器 

              xmlHttp.onreadystatechange = handleStateChange;

          //使用Open()方法初始化XMLHttpRequest對(duì)象-指定HTTP方法

          //和要使用的服務(wù)器URL 

              xmlHttp.open("GET", "innerHTML.xml", true);

          //send()方法發(fā)送該請(qǐng)求 

              xmlHttp.send(null);

          }

          應(yīng)用GET POST發(fā)送請(qǐng)求

          Ø 方法如下:

          方法名

          描述

          getElementById(id) (document)

          獲取有指定唯一ID屬性值文檔中的元素

          getElementsByTagName(name)

          返回當(dāng)前元素中有指定標(biāo)記名的子元素的數(shù)組

          hasChildNodes()

          返回一個(gè)布爾值,指示元素是否有子元素

          getAttribute(name)

          返回元素的屬性值,屬性由name指定

          處理服務(wù)器晌應(yīng)

          XMLHttpRequest 提供了兩個(gè)可以用來(lái)訪問(wèn)服務(wù)器響應(yīng)的屬性.

          Ø responseText :將響應(yīng)提供為一個(gè)串。

          Ø responseXML:將響應(yīng)提供為一個(gè)XML 對(duì)象。

          使用innerHTML 屬性創(chuàng)建動(dòng)態(tài)內(nèi)容

          Ø responseText?。?/span>innerHtml

          服務(wù)器 "生產(chǎn)"或生成HTML 內(nèi)容,

          瀏覽器使用 innerHTML來(lái)"消費(fèi)"或處理。

          DEMO responseText?。?/span>innerHtml

          Ø innerHTM.html

          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

          <html xmlns="http://www.w3.org/1999/xhtml">

                   <head>

                             <title>Using responseText with innerHTML</title>

                             <META http-equiv=Content-Type content="text/html; charset=GBK">

          <script  type="text/javascript">

          var xmlHttp;

          function createXMLHttpRequest() {

              if (window.ActiveXObject) {

                  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

              } 

              else if (window.XMLHttpRequest) {

                  xmlHttp = new XMLHttpRequest();

              }

          }  

          function startRequest() {

              createXMLHttpRequest();

              xmlHttp.onreadystatechange = handleStateChange;

              xmlHttp.open("GET", "innerHTML.txt", true);

              xmlHttp.send(null);

          }

          function handleStateChange() {

              if(xmlHttp.readyState == 4) {

                  if(xmlHttp.status == 200) {                                        

                      document.getElementById("results").innerHTML = xmlHttp.responseText;

                  }

              }

          }

          </script>

                   </head>

                   <body>

                             <form  action="#">

                                      please content:<input  type="button"  value="Search for Todays Activities" onclick="startRequest();" />

                                      <span id="results"></span>

                             </form>

                   </body>

          </html>

          Ø innerHTML.txt

          請(qǐng)輸入內(nèi)容?。?!

          Ø 輸出結(jié)果:







          作者:周大慶(zhoudaqing)
          網(wǎng)址:http://www.aygfsteel.com/yifeng
          >>>轉(zhuǎn)載請(qǐng)注明出處!<<<
          posted on 2008-08-26 02:39 憶風(fēng) 閱讀(205) 評(píng)論(0)  編輯  收藏 所屬分類: Ajax

          以無(wú)法為有法;以無(wú)限為有限

          點(diǎn)擊這里給我發(fā)消息 
          zhdqCN@GMail.com

           

          <2008年8月>
          272829303112
          3456789
          10111213141516
          17181920212223
          24252627282930
          31123456

          常用鏈接

          留言簿(2)

          隨筆分類

          隨筆檔案

          相冊(cè)

          Blogroll

          參考手冊(cè)

          我的其他博客

          我的學(xué)習(xí)鏈接

          搜索

          •  

          最新評(píng)論

          閱讀排行榜

          評(píng)論排行榜

          主站蜘蛛池模板: 昌吉市| 昆山市| 尖扎县| 同仁县| 桑植县| 贵南县| 乐昌市| 牙克石市| 荥经县| 岐山县| 于田县| 南靖县| 湟源县| 临江市| 太和县| 苍梧县| 拉萨市| 蕉岭县| 巴南区| 陆河县| 永吉县| 耿马| 石渠县| 日照市| 巢湖市| 万山特区| 安塞县| 沭阳县| 嵩明县| 浦东新区| 舟曲县| 安陆市| 锡林郭勒盟| 彭泽县| 富宁县| 富蕴县| 九江市| 乐安县| 泸水县| 喜德县| 射洪县|