AJAX 基础

最新推荐文章于 2025-02-24 13:36:17 发布

原创最新推荐文章于 2025-02-24 13:36:17 发布 · 318 阅读

0 ·

CC 4.0 BY-SA版权

代码专栏收录该内容

10 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        var xhr = null;
        //创建xhr
        function createXHR() {
            if (window.XMLHttpRequest) {//DOM2浏览器
                xhr = new XMLHttpRequest();
            } else if (window.ActiveXObject) {//IE
                xhr = new ActiveXObject("Microsoft.XMLHTTP");
            }
        }
        //发送请求
        function ajax() {
            createXHR();
            xhr.open("POST", "http://localhost:8080/ajax", true);//method方式最好是大写，firefox敏感，如GET、POST
            xhr.onreadystatechange = execute;
            xhr.send(null);
        }
        //回调函数
        function execute() {
            if (xhr.status === 200 && xhr.readyState === 4) {
                console.info(xhr.responseText);
                document.getElementsByTagName("p")[0].innerHTML = xhr.responseText;
            }
        }
//        ajax();
    </script>
</head>
<body>
    <p>hello</p>
    <input type="button" value="变" onclick="ajax()" />
</body>
</html>