入门简单AJAX有关问题
日期：2014-05-16 浏览次数：20698 次
入门简单AJAX问题
content.html
效果出不来。错误也找不出。
------解决方案--------------------
错误在于楼主的showMsg方法之中，
- HTML code
<html>
<head>
<title>createAjax.html</title>
</head>
<body>
<script language="Javascript">
var xmlHttp;
function createXMLHttp(){
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest();
}else{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
function showMsg(){
xmlHttp.open("POST","content.html");
xmlHttp.onreadystatechange=showMsgCallback();
xmlHttp.send(null);
}
function showMsgCallback(){
if(xmlHttp.readyState == 4){
if(xmlHttp.status == 200){
var text=xmlHttp.responseText;
document.getElementById("msg").className="样式表名称";
document.getElementById("msg").innerHTML=text;
}
}
}
</script>
<input type="button" onclick="showMsg()" value="调用AJAX显示内容"/>
<span id="msg"></span>
</body>
</html>
content.html
- HTML code
hello world!!!
效果出不来。错误也找不出。
------解决方案--------------------
错误在于楼主的showMsg方法之中，
- JScript code
function showMsg(){
xmlHttp.open("POST","content.html");
//xmlHttp.onreadystatechange=showMsgCallback();
xmlHttp.onreadystatechange=showMsgCallback;//这句才是正确的写法,去掉了showMsgCallback后的括号
xmlHttp.send(null);
}
------解决方案--------------------
除了楼上各位的建议，楼主可以看看你的createXMLHttp()好像就没用到，这应该是个失误吧
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
