AJAX XMLHttpRequest 对象入门

发布时间：2020-12-16 01:44:52 所属栏目：百科来源：网络整理

导读：helloAjax 文件代码： span style="font-family:Comic Sans MS;font-size:18px;"hello Ajax!!!/span html 代码： span style="font-family:Comic Sans MS;font-size:18px;"body a href="TextFile1.txt"HelloAJAX/a/body/span JavaScript代码： span style="f

helloAjax 文件代码：

<span style="font-family:Comic Sans MS;font-size:18px;">hello Ajax!!!</span>

html 代码：

<span style="font-family:Comic Sans MS;font-size:18px;"><body>
    <a href="TextFile1.txt">HelloAJAX</a>
</body></span>

JavaScript代码：

<span style="font-family:Comic Sans MS;font-size:18px;">   <script type="text/javascript">
        window.onload = function () {
            //1、获取 a节点，并添加 onclick 相应事件
            document.getElementsByTagName("a")[0].onclick = function () {
                //3、创建一个XMLhttpRequest对象
                var request = new XMLHttpRequest();
                //4、准备发送请求的数据：URL
                var url = this.href;
                var method = "GET";
                //5、调用XMLHttpRequest对象的open方法
                request.open(method,url);
                //6、调用XMLHttpRequest对象的sent方法
                    request.send(null);
                //7、为XMLHttpRequest对象添加onreadystatechange 响应事件
                request.onreadystatechange = function () {
                   //8、判断响应是否完成：XMLHttpRequest对象的readystate属性值为4的时候       
                    if (request.readyState == 4) {
                         //9、在判断响应是否可用：XMLHttpRequest 对象的status 属性值为 200
                        if (request.status == 200 || request.status == 304) {
                            //10、打印响应的结果：responsetext
                            alert(request.responseText)
                            alert("ddddd");
                        }
                    }
                }           
            }
           // 2、取消a节点的默认行为
            return false;
        }
    </script></span>

此时运行代码request.send(null)会报错，原因：你使用ajax方式来获取本地的xml文件的时候，前提是你的项目在服务器中部署了，如果你没有在服务器中部署项目，ajax在发送请求的时候肯定会报错的。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!