<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://www.tkk7.com/yifeng
    >>>轉載請注明出處!<<<
    posted on 2008-08-26 02:39 憶風 閱讀(200) 評論(0)  編輯  收藏 所屬分類: Ajax
    主站蜘蛛池模板: 亚洲一区二区观看播放| 国产精品亚洲精品| 国产精品视频全国免费观看| 国产黄色片在线免费观看| 亚洲日韩一中文字暮| 无码视频免费一区二三区| 亚洲中文字幕久久精品无码VA| 岛国av无码免费无禁网站| 中文日韩亚洲欧美制服| 国产免费观看黄AV片| 一级一级毛片免费播放| 亚洲精品亚洲人成在线观看| 久久久久久免费一区二区三区| 亚洲无线电影官网| 1024免费福利永久观看网站| 亚洲中文字幕一二三四区| 啊灬啊灬别停啊灬用力啊免费看| 一级毛片视频免费观看| 亚洲AV无码成人精品区天堂| 69视频免费观看l| 亚洲欧美不卡高清在线| 亚洲真人日本在线| 91福利免费视频| 亚洲色大成网站WWW国产| 免费观看国产精品| 日韩视频在线观看免费| 亚洲mv国产精品mv日本mv| 四虎永久成人免费影院域名| 美女巨胸喷奶水视频www免费| 亚洲一区精品中文字幕| 亚洲成在人线aⅴ免费毛片| 国产亚洲综合精品一区二区三区| 国产精品亚洲A∨天堂不卡| 国产成人精品免费视频网页大全 | 日韩成人免费视频| 亚洲一区二区影视| 久久青青草原亚洲av无码| 久久精品国产免费观看| 特级毛片A级毛片100免费播放| 亚洲一区二区三区香蕉| 猫咪社区免费资源在线观看|