简单用XMLHttpRequest实现ajax异步传输实例代码

[db:作者] • • 刷机

　　这里我们用客户端通过XMLHttpRequest请求服务端获取当前系统时间，实现异步交互！

　　客户端myAjax。html代码

　　<htmlxmlns="http：//www。w3。org/1999/xhtml">

　　<head>

　　<title>xmlhttprequestajaxdemo</title>

　　<scripttype="text/javascript"language="javascript">

　　varreq；//定义变量，用来创建xmlhttprequest对象

　　functioncreatReq()//创建xmlhttprequest，ajax开始

　　{

　　varurl="ajaxServer。aspx"；//要请求的服务端地址

　　if(window。XMLHttpRequest)//非IE浏览器，用xmlhttprequest对象创建

　　{

　　req=newXMLHttpRequest()；

　　}

　　elseif(window。ActiveXObject)//IE浏览器用activexobject对象创建

　　{

　　req=newActiveXObject("Microsoft。XMLHttp")；

　　}

　　if(req)//成功创建xmlhttprequest

　　{

　　req。open("GET"，url，true)；//与服务端建立连接(请求方式post或get，地址，true表示异步)

　　req。onreadystatechange=callback；//指定回调函数

　　req。send(null)；//发送请求

　　}

　　}

　　functioncallback()//回调函数，对服务端的响应处理，监视response状态

　　{

　　if(req。readystate==4)//请求状态为4表示成功

　　{

　　if(req。status==200)//http状态200表示OK

　　{

　　Dispaly()；//所有状态成功，执行此函数，显示数据

　　}

　　else//http返回状态失败

　　{

　　alert("服务端返回状态"+req。statusText)；

　　}

　　}

　　else//请求状态还没有成功，页面等待

　　{

　　document。getElementById("myTime")。innerHTML="数据加载中"；

　　}

　　}

　　functionDispaly()//接受服务端返回的数据，对其进行显示

　　{

　　document。getElementById("myTime")。innerHTML=req。responseText；

　　}

　　</script>

　　</head>

　　<body>

　　<divid="myTime"></div>

　　<inputid="Button1"type="button"value="GetTime"onclick="creatReq()；"/>

　　</body>

　　</html>

　　服务端ajaxServer。aspx代码

　　publicpartialclassajaxServer：System。Web。UI。Page

　　{

　　protectedvoidPage_Load(objectsender，EventArgse)

　　{

　　System。Threading。Thread。Sleep(1000)；//为了看到ajax效果，将当前线程延时1000毫秒

　　Response。Write(DateTime。Now。ToString())；//输出当前时间

　　}

　　}

点击查看更多 [代码] [ajax] [XMLHttpReque]

(本文来源) https://www.netded.com/a/jishuyingyong/2009/1112/5000.html

版权声明：
作者：[db:作者]
链接：https://www.shoujiroot.com/archives/23483.html
来源：手机教程
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>