首页 > Web开发 > 详细

实现AJAX的异步交互的步骤

时间:2016-12-29 07:47:47      阅读:162      评论:0      收藏:0      [点我收藏+]

<input type="button" value="异步请求"id="btn">

<script>

实现ajax的异步交互的步骤

var btn document.getElementById("btn”);

btn.onclick=function(){

//创建XMLHttpRequest对象

var xhr=getXhr();

/*与服务器建立连接*/

xhr.open("get","01.php?"user=zhangwuji");

//客户端向服务器端发送请求

xhr.send(null);

//客户单接受服务器端的响应

xhr.onreadystatechange=function(){

if(xhr.readyState=4){

if(xhr.status=200){

var data=xhr.responseText;

console.log(data);

}

}

}

//定义创建xmlHttp对象的函数

function getXhr(){

var xhr=null;

if(window.XMLHttpRequest){

xhr=new XMLHttpRequest();

}else{

xhr=ActiveXObject("Microsoft.XMLHttp");

}

return xhr;

</script>

实现AJAX的异步交互的步骤

原文:http://www.cnblogs.com/beautiful-jingjing/p/6230916.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!