abstract：ajax : Asynchronous Javascript And XML，它是代理用户向服务器发送请求的的客户端工具。可以在页面不刷新的情况下与服务器进行交互，用户体验非常好使用ajax发送请求，客户端无需等待服务器响应，完全可以在发出请求后做其他的事情自己写的一段ajax代码<p><button>我最喜爱的电影</button></p><
ajax : Asynchronous Javascript And XML，它是代理用户向服务器发送请求的的客户端工具。
可以在页面不刷新的情况下与服务器进行交互，用户体验非常好
使用ajax发送请求，客户端无需等待服务器响应，完全可以在发出请求后做其他的事情
自己写的一段ajax代码
<p><button>我最喜爱的电影</button></p>
<script type="text/javascript">
let btn = document.getElementsByTagName('button')[0];
btn.onclick = function(){
//创建ajax对象
let xhr = new XMLHttpRequest();
//为对象绑定监听事件
xhr.onreadystatechange = function(){
if(xhr.readyState===4){ //检测服务器就绪状态
if(xhr.status===200){ //服务器是否已返回数据
let div = document.createElement('div');
div.style.width ='600px';
div.innerHTML = xhr.responseText;
document.body.appendChild(div);
}
}else{
}
};
//设置请求参数
xhr.open('get','./inc/index.html',true);
//发送数据
xhr.send(null);
btn.disabled = true;
btn.style.cursor = 'not-allowed';
}
</script>
Correcting teacher：天蓬老师Correction time：2018-12-07 09:00:39
Teacher's summary：Ajax操作,可以说,曾经颠覆了大家对前端的认知,不过,随着这几天,大量前端开发框架的出现, ajax有了越多的优秀替代方式, 可以了解一下