<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    隨筆-84  評論-56  文章-0  trackbacks-0
     

    創建XHR發送請求

    Ø 如下:

    <script type="text/javascript">

    var xmlHttp;

    //創建一個XMLHttpRequest對象 

    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發送請求

    Ø 如下:

    function startRequest() {

        createXMLHttpRequest();

    //注冊回調事件處理器 

        xmlHttp.onreadystatechange = handleStateChange;

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

    //和要使用的服務器URL 

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

    //send()方法發送該請求 

        xmlHttp.send(null);

    }

    應用GET POST發送請求

    Ø 方法如下:

    方法名

    描述

    getElementById(id) (document)

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

    getElementsByTagName(name)

    返回當前元素中有指定標記名的子元素的數組

    hasChildNodes()

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

    getAttribute(name)

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

    處理服務器晌應

    XMLHttpRequest 提供了兩個可以用來訪問服務器響應的屬性.

    Ø responseText :將響應提供為一個串。

    Ø responseXML:將響應提供為一個XML 對象。

    使用innerHTML 屬性創建動態內容

    Ø responseText + innerHtml

    服務器 "生產"或生成HTML 內容,

    瀏覽器使用 innerHTML"消費"或處理。

    DEMO responseText + 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

    請輸入內容!!!

    Ø 輸出結果:







    作者:周大慶(zhoudaqing)
    網址:http://m.tkk7.com/yifeng
    >>>轉載請注明出處!<<<
    posted on 2008-08-26 02:39 憶風 閱讀(211) 評論(0)  編輯  收藏 所屬分類: Ajax
    主站蜘蛛池模板: 亚洲精品无码av天堂| 国产黄在线播放免费观看| 亚洲图片在线观看| 亚洲高清专区日韩精品| 国产高清视频免费在线观看| 亚洲福利中文字幕在线网址| 亚洲精品影院久久久久久| 99久久99久久精品免费观看| 久久精品国产精品亚洲蜜月| 最近中文字幕大全中文字幕免费| 久久久久亚洲av无码专区导航| 免费手机在线看片| 亚洲成a人片在线观看国产| 一区二区免费电影| 99久久这里只精品国产免费| 亚洲日韩国产精品无码av| 永久免费的网站在线观看| 亚洲色最新高清av网站| 久久国产精品免费一区二区三区| 免费看a级黄色片| 亚洲AV综合色区无码一区| 最近中文字幕国语免费完整| 亚洲AV无码一区二区三区人| 日韩免费无砖专区2020狼| 一级人做人a爰免费视频| 亚洲av日韩av无码黑人| 免费精品国偷自产在线在线| 亚洲AV日韩AV天堂久久| 亚欧在线精品免费观看一区| 亚洲大码熟女在线观看| 黄+色+性+人免费| 欧洲 亚洲 国产图片综合| 亚洲成人一区二区| 91大神免费观看| 色天使亚洲综合一区二区| 免费高清小黄站在线观看| 日韩毛片在线免费观看| 亚洲成av人在线视| 午夜成年女人毛片免费观看| 亚洲w码欧洲s码免费| 亚洲国产精品一区二区三区久久|