第一次写的AJAX

xg0603 2009-04-18 04:17:48

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml" >
<HEAD>
<TITLE> New Document </TITLE>

<SCRIPT TYPE="text/javascript">
var xmlHttp;
function createXMLHttpRequest(){
if(window.ActiveXObject)
{
xmlHttp = new ActiveXObject("Microsoft.XMLHttp");
}else if (window.XMLHttpRequest)
{
xmlHttp=new XMLHttpRequest();
}
}
function startRequest(){
createXMLHttpRequest();
xmlHttp.onreadystatehagne=HandleStateChange;
xmlHttp.open("get","aa.xml",true);
xmlHttp.send(null);
}
function HandleStateChange(){
if(xmlHttp.readystate==4)
{
if(xmlHttp.stauts==200){
alert("this...."+xmlHttp.reponseText);
}
}
}

</SCRIPT>
</HEAD>

<BODY>
<form action="#">
<input type="button" value="click" onclick="startRequest()"/>
</form>
</BODY>
</HTML>
在一本书上面看到这样的代码。自己来敲敲可是老说什么
xmlHttp.onreadystatehagne=HandleStateChange;
对象不支持属性或方法。。。哪位哥哥给说说。。。

...全文

268 19 打赏收藏转发到动态举报

写回复

用AI写文章

19 条回复

切换为时间正序

请发表友善的回复…

发表回复

AsheBin 2009-05-13

打赏
举报

这是楼主给大家出的改错题^_^

timefinger 2009-05-13

打赏
举报

学习中

cqhweb 2009-05-13

打赏
举报



 function demoAJAX() {

       

            var http_request = false;

            

            var param = "oname="+ 123;  //参数

           

            //POST方式传参必须转码2次

            param = encodeURI(param);

            param = encodeURI(param);

            var url = ""; //链接路径

            

            if (window.XMLHttpRequest) {

                http_request = new XMLHttpRequest();

                if (http_request.overrideMimeType) {

                    http_request.overrideMimeType('text/xml');

                }

            } else if (window.ActiveXObject) {

        

                try {

                    http_request = new ActiveXObject("Msxml2.XMLHTTP");

                } catch (e) {

                    try {

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

                    } catch (e) {}

                }

            }

        

            if (!http_request) {

                alert('Giving up :( Cannot create an XMLHTTP instance');

                return false;

            }

            

            http_request.open("POST", url, false);

            //POST方式必须设置Header

            http_request.setRequestHeader('Content-type','application/x-www-form-urlencoded');

            http_request.onreadystatechange = function processRequest() {

                //最后输出过程

                if (http_request.readyState == 4) {

                    if (http_request.status == 200) {

                        var str = http_request.responseText;

                         alert(str);

                    } else {

                        alert('There was a problem with the request.');

                    }

                }

            }

           //传参 

          http_request.send(param);

       }

这是一个完整的ajax函数,测试都没问题的....

小_Y 2009-05-13

打赏
举报

拼写的问题把。
我第一次也是。

micg2233 2009-04-24

打赏
举报

我拿过去试一试哦先

billypc025 2009-04-23

打赏
举报

好多问题啊

jack420124 2009-04-23

打赏
举报

ajax 兼容性
getXMLHttpRequest:function(){
var request ;
try {
request = new XMLHttpRequest();
} catch (trymicrosoft)
{
var _msxml=["Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
for(var i=0; i<_msxml.length; i++) {
try {
request=new ActiveXObject(_msxml[i]);
break;
} catch (e) {}
}

/*try {
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
request = false;
}
}*/
}
return request;
}

Anlige 2009-04-21

打赏
举报

xmlHttp.onreadystatechagne=HandleStateChange;

sohighthesky 2009-04-21

打赏
举报

[Quote=引用 5 楼 zhuwen9 的回复:]
Microsoft.XMLHttp要全大写吧？
[/Quote]

up ,

new ActiveXObject("Microsoft.XMLHTTP");

aokihu 2009-04-20

打赏
举报

拼写错误，建议英语先学好

qiuqingpo 2009-04-19

打赏
举报

3楼正解
[Quote=引用 3 楼 lennydou 的回复:]
xmlHttp.onreadystatehagne=HandleStateChange;

你看看是不是拼写错误，应该是：
xmlHttp.onreadystatechange=HandleStateChange;
[/Quote]

chenyu112 2009-04-19

打赏
举报

<html>
<head>
<title>AJAX第一个测试</title>
<script language="javascript">
var xmlhttp = null;
function ValidateEmail()
{
var email = document.getElementsByName("Email");
var url = "Validate.html?email=" + escape(email.value);
if (window.ActiveXObject)
{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
else
if (window.XMLHttpRequest)
{
xmlhttp = new XMLHttpRequest();
}

xmlhttp.open("GET", url, false);
xmlhttp.onreadystatechange = callback;
xmlhttp.send(null);

}

function callback()
{
if (xmlhttp.readystate == 4)
{
alert("状态码：" + xmlhttp.status + "\r\n对应的文本为：" + xmlhttp.statusText);
}
else
return;
}
</script>
</head>
<body>
<form>
<input type="input" name="Email" onblur = "ValidateEmail()">
</form>
</body>
</html>

呵呵，这是俺的第一个ajax页面，俺也是刚学，希望对楼主有帮助

zhuwen9 2009-04-19