Ajax是什么？
Ajax= 异步JavaScript和XMLAjax是一种用于创建快速动态网页的技术。- 通过后台服务器进行少量的数据交换,
Ajax可以使网页异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某个部分进行更新。
关于XHR的属性和方法
xhr.response ： 响应主体内容
xhr.responseText：响应主题的内容是字符串
xhr.responseXML 响应主体内容是XML文档
Ajax的使用及实现步骤
1、创建XMLHttpRequest对象,也就是创建一个异步调用对象
var xhr = new XMLHttpRequest();2、创建一个新的http请求,并指定HTTP请求的方法、URL及验证信息
3、设置响应HTTP请求状态变化的函数
4、发送HTTP请求
5、获取异步调用返回的数据
6、使用Javascript和DOM实现局部刷新
GET和POST的区别
GET会产生不可控制的缓存,POST不会
不可控：不是想要就要,向不要就不要这是浏览器自主几亿的缓存,我们无法基于js控制M我们通常都会把这个缓存干掉,GET请求会产生缓存是因为：连续多次向相同的地址(并且传递的参数信息也是相同的),发送请求,浏览器会把之前获取的数据从缓存中拿到返回,导致无法获取服务器最新的数据POST则不会。
GET不安全,POST相对安全
因为GET是基于问号传参把信息传递给服务器,容易被骇客进行URL劫持，POST是基于请求主题传递的,相对来说不好被劫持,所以登录、注册等涉及安全性的交互操作,我们都应该用 POST请求。
解决方案:
xhr.open("GET",'/temp/list?lx=10000&_=${Math.random()}');//保证每次请求的地址不完全一致,在每次请求的末尾追加一个随机数