初学ajax，写了个小程序，碰到问题，请大师们指点迷津啊，TKS

wangjingyong0305 2011-07-02 10:01:03

调试提示
xmlHttp.send(null) ; 这有问题请帮忙看看
ajax_receive_content.html：
<hmtl>
<head>
<title>Ajax实例</title>
<script language="javascript">
var xmlHttp ; //AJAX核心对象的名称
function createXMLHttp(){ //创建XMLHttpRequest核心对象
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest() ;
}else{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
function showMsg(){
createXMLHttp() ; //创建XMLHttp对象
xmlHttp.open("post","content.html") ;
xmlHttp.onreadystatechange = showMsgCallback() ;
xmlHttp.send(null) ;
}
function showMsgCallback(){ //回调操作函数
if(xmlHttp.readyState == 4){ //调用完成
if(xmlHttp.status == 200){ //HTTP状态码操作正常
var text = xmlHttp.responseText ;
document.getElementById("msg").innerHTML = text ; //将内容显示出
}
}
}
</script>
</head>
<body>
<input type="button" onClick="showMsg()" value="调用ajax显示内容">
<span id="msg"></span>
</body>
</html>

create_ajax.html：
<hmtl>
<head>
<title>Ajax实例</title>
<script language="javascript">
var xmlHttp ; //AJAX核心对象的名称
function createXMLHttp(){ //创建XMLHttpRequest核心对象
if(window.XMLHttpRequest){
xmlHttp = new XMLHttpRequest() ;
}else{
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
</script>
</head>
<body>
</body>
</html>

content.html：
hello word!

...全文

125 9 打赏收藏转发到动态举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

xuelang1225 2011-07-04

打赏
举报

帮你顶起去。

weike021996 2011-07-03

打赏
举报

post 换成get 而且把xmlHttp.onreadystatechange = showMsgCallback() ; 括号去掉

KeepMoving 2011-07-03

打赏
举报

2楼4楼都是正解！

gkmzk 2011-07-03

打赏
举报

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ajax实例</title>
<script language="javascript">

function showMsg() {
var xmlhttp;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("msg").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "content.html", true);
xmlhttp.send();
}
</script>
</head>

<body>
<input type="button" onClick="showMsg()" value="调用ajax显示内容">
<span id="msg"></span>
</body>
</html>

weike021996 2011-07-03

打赏
举报

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Ajax实例</title>

<script language="javascript">

   

    function showMsg() {

        var xmlhttp;

        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari

            xmlhttp = new XMLHttpRequest();

        }

        else {// code for IE6, IE5

            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

        }

        xmlhttp.onreadystatechange = function () {

            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

                document.getElementById("msg").innerHTML = xmlhttp.responseText;

            }

        }

        xmlhttp.open("GET", "content.html", true);

        xmlhttp.send();

    }

</script>

</head>





<body>

<input type="button" onClick="showMsg()" value="调用ajax显示内容">

<span id="msg"></span>

</body>

</html>