Ajax的使用

来源:互联网 发布:米桶什么牌子好 知乎 编辑:程序博客网 时间:2024/06/13 11:30

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>

1 0