什么是Ajax？Ajax实现步骤

什么是Ajax？

Ajax 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

简单来说， Ajax 就是实现页面无刷新更新数据的一种方法。

Ajax的应用场景：

• 页面上拉加载更多数据
• 列表数据无刷新分页
• 表单项离开焦点数据验证
• 搜索框提示文字下拉列表

Ajax的运行环境

Ajax需要运行在网站环境中才能生效。比如在nodejs搭建的网站服务器中。

Ajax运行原理

Ajax相对于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。

Ajax实现步骤

//1、创建Ajax对象
var xhr = new XMLHttpRequest();

//2、告诉Ajax对象要向哪儿发送请求，以什么方式发送请求
//    第一个参数是请求方式
//    第二个参数是请求地址(服务器的路由地址)
xhr.open('get','http://127.0.0.1:3000/first');

//3、发送请求
xhr.send();

//4、获取服务器端响应到客户端的数据
//请求会受网速影响，时间不确定，所以不能在send后面直接拿到请求结果

xhr.onload = function (){
    // xhr.responseText 保存服务端返回给客户端的数据
    console.log(xhr.responseText);
}