AJAX XMLHttpRequest 对象入门

前端之家收集整理的这篇文章主要介绍了AJAX XMLHttpRequest 对象入门前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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在发送请求的时候肯定会报错的。

猜你在找的Ajax相关文章