实现AJAX的异步交互的步骤

<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>

原文地址:https://www.cnblogs.com/beautiful-jingjing/p/6230916.html