代码清单3-1　innerHTML.html

代码清单3-1　innerHTML.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>

 

<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.xml", 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="#">

        <input type="button" value="Search for Today's Activities"

                onclick="startRequest();"/>

    </form>

    <div id="results"></div>

</body>

</html>

代码清单3-2　innerHTML.xml

<table border="1">

    <tbody>

        <tr>

            <th>Activity Name</th>

            <th>Location</th>

            <th>Time</th>

        </tr>

        <tr>

            <td>Waterskiing</td>

            <td>Dock #1</td>

            <td>9:00 AM</td>

        </tr>

        <tr>

            <td>Volleyball</td>

            <td>East Court</td>

            <td>2:00 PM</td>

        </tr>

        <tr>

            <td>Hiking</td>

            <td>Trail 3</td>

            <td>3:30 PM</td>

        </tr>

    </tbody>

</table>

posted on 2008-02-14 14:03  破曉之陽  阅读(221)  评论(0)    收藏  举报

导航