Ajax中Get方法的简单例子

九九

11 年前

Ajax有待学习,权当笔记吧.

上例子

根目录下txt文件内容:apple banana pear

html代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        function gettext() {
            var xmlhttp;//定义
            if (window.XMLHttpRequest) {
                //创建XMLHttpRequest(IE7+、Firefox、Chrome、Safari、Opera)
                xmlhttp = new XMLHttpRequest();
            }
            else {
                //IE5 and IE6
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    document.getElementById("showtext").innerHTML = xmlhttp.responseText;
                }

            }
            xmlhttp.open("GET", "/test.txt", true);//向服务器发送请求
            xmlhttp.send();

        }
    </script>
</head>
<body>
    <input id="btn1" type="button" value="get获取" onclick="gettext()" />
    <div id="showtext"></div>
</body>
</html>

显示结果截图:

先暂时结束吧!