zoukankan      html  css  js  c++  java
  • PHP Ajax

    1. 获取a节点,并为其添加onclick函数
    2. 取消超链接的默认行为 return false
    3. 创建XMLHttpRequest对象
    4. 准备发送请求的url
    5. 调用XMLHttpRequest对象的open()方法
    6. 调用XMLHttpRequest对象的send()方法
    7. 为XMLHttpRequest对象添加onreadystatechange()函数
    8. 判断XMLHttpRequest对象响应是否完成,readyState =4表示完成
    9. 再判断响应是否可用 status =200表示可用
    10. 打印响应结果 responseText
     
     
    <!DOCTYPE html>
    <html lang="en">
     
    <head>
        <meta charset="UTF-8">
        <title>ajax.txt</title>
        <script type="text/javascript">
        window.onload = function() {
            document.getElementsByTagName("a")[0].onclick = function() {
                var xhr = new XMLHttpRequest();
                var method = "GET";
                var url = this.href + "?time=" + new Date();// 为了避免浏览器缓存,所以每次发送请求的时间都是不一样的;
                xhr.open(method, url);
                xhr.send(null);
                xhr.onreadystatechange = function() {
                    if (xhr.readyState == 4) {
                        if (xhr.status == 200) {
                            alert(xhr.responseText);
                        }
                    }
                }
                // 取消超链接的默认行为
                return false;
            }
        }
        </script>
    </head>
     
    <body>
        <a href="hello.txt">hello</a>
    </body>
     
    </html>
  • 相关阅读:
    java 中的锁 -- 偏向锁、轻量级锁、自旋锁、重量级锁(转)
    MySQL存储引擎--MyISAM与InnoDB区别
    Socket详解
    Java线程池参数
    Java反射机制(转)
    java注解
    docker入门实例
    docker常用命令总结
    showdoc 自动脚本安装
    [mysql]You must reset your password using ALTER USER statement before executing this statement.
  • 原文地址:https://www.cnblogs.com/meroselove/p/5275335.html
Copyright © 2011-2022 走看看