这是我参与11月更文挑战的第1天，活动详情查看：2021最后一次更文挑战
1.Ajax介绍
Ajax：英文读音*[ˈeɪdʒæks]*，中文译为：阿贾克斯。
它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。其实就是处理表单，连接前后端，提高效率的一种工具。
在传统网页中存在的问题：
- 网速慢的情况下，页面加载时间长，用户只能等待
- 表单提交后，如果一项内容不合格，需要重新填写所以表单内容
- 页面跳转，重新加载页面，造成资源浪费，增加用户等待时间
而Ajax可以解决这些问题，包括：
- 页面上拉加载更多数据
- 列表数据无刷新分页
- 表单项离开焦点数据检验
- 搜索框提示文字下拉列表
2.运行原理及实现
2.1运行原理
Ajax相当于浏览器发送请求与接受相应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。说白了，就是中间人帮你跑腿，使得用户不用等待时间跑。
2.2实现步骤
1.创建Ajax对象
var xhr = new XMLHttpRequest();
2.告诉Ajax请求地址以及请求方式
xhr.open('get','http://www.example.com');
3.发送请求
xhr.send();
4.获取服务器端给用户端的响应数据
xhr.onload = function(){ console.log(xhr,responseText); }
2.3服务器的数据格式
在真实的项目中，服务器端大多数情况下会以JSON对象作为响应数据的格式。当客户端拿到数据时，需要将JSON数据和HTML字符串拼接，再展示在页面中。
在http请求与响应过程中，无论是请求参数还是响应内容，如果是对象类型，最终都会被转换为字符串进行传输。
JSON.parse(); //将JSON字符串转换为JSON对象
