首页 / AJAX / ajax起步 （二）

ajax起步 （二）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ajax起步 （二），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1399字，纯文字阅读大概需要2分钟。

内容图文

Ajax的关键在于XMLHttpRequest对象，如下基本用法：

            <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <body>
        <div>
            <button>Apples</button>
            <button>Cherries</button>
            <button>Bananas</button>
        </div>
        <div >
            press a button
        </div>
        <script type="text/javascript">
            var buttons=document.getElementsByTagName("button")
            for(var i=0;i<buttons.length;i++){
                buttons[i].onclick=handleButtonPress;
            }
            function handleButtonPress(e){
                var httpRequest=new XMLHttpRequest();
                httpRequest.onreadystatechange=handleResponse;
                httpRequest.open("GET",e.target.innehttpRequest=new XMLHttpRequest();rHTML+".html")
                httpRequest.send()
            }
            function handleResponse(e){
                if(e.target.readyState==XMLHttpRequest.DONE&&e.target.status==200){
                    document.getElementById("target").innerHTML=e.target.responseText;
                }
            }
        </script>
    </body>
</html>

    第一步是创建一个新的XMLHttpRequest对象。与之前在DOM中见过的大多数对象不同，你并非通过浏览器定义的某个全局变量来访问这类对象，而是使用关键词new如：var httpRequest=new XMLHttpRequest();
    下一步是给readystatechange事件设置一个事件处理器。这个事件会在请求过程中被多次触发，向你提供事情的进展情况。将onreadystatechange属性的值设为handleResponse;httpRequest.onreadystatechange=handleResponse;可以告诉XMLHttpRequest对象你想要做什么，使用open方法来指定HTTP方法（在这里是GET）和需要请求的URL:httpRequest.open("GET",e.target.innerHTML+".html")注：

原文：https://www.cnblogs.com/Sarah119/p/8159404.html

内容总结

以上是互联网集市为您收集整理的ajax起步 （二）全部内容，希望文章能够帮你解决ajax起步 （二）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1290116.html

来源：【匿名】