Ajax的使用

原创于 2016-11-28 00:16:05 发布 · 449 阅读

0 ·

CC 4.0 BY-SA版权

JavaWeb 同时被 2 个专栏收录

4 篇文章

订阅专栏

JavaScript

3 篇文章

订阅专栏

0: 创建一个receive.html，内容只有“hello world”

1: 千万要注意onreadystatechange = showMsgCallback，这里最后是没有括号的

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script language="javascript">
        var xmlHttp;
        function createXMLHttp() {
            if(window.XMLHttpRequest){
                xmlHttp = new XMLHttpRequest();
            }else{
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
        }

        function showMsg() {
            createXMLHttp();
            xmlHttp.open("POST","receive.html");
            xmlHttp.onreadystatechange = showMsgCallback;
            xmlHttp.send(null);
        }

        function showMsgCallback() {
            if(xmlHttp.readyState == 4){
                if(xmlHttp.status ==200){
                    var text =xmlHttp.responseText;
                    alert(text);
                }
            }
        }
    </script>
    <title>Title</title>
</head>
<body>
<button value="ajax" onclick="showMsg()">ajax</button>
</body>
</html>