什么是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); }