什么是ajax: 用来做数据交互使用的
其原理:通过xmlhttpRquest对象来向服务器发送异步请求的,从而从服务器中获得数据,然后用js来操作DOM而更新
简单来说《用于后台与服务器交换数据,这就能实现可以在不重新加载整个网页的情况下,对网页的部分进行更新
ajax的核心:就是js对象 XmlHttpRquest
特点:异步加载,局部更新
ajax给我们带来的好处:1.页面无刷新,在页面与服务器通信时,提高用户的体验…
注意:凡是涉及到ajax的访问,不能使用文件协议(以文件的方式访问)
1.创建XmlHttpRquest对象----》用于与服务器交换数据的----》相当与创建Http请求的一个对象
var xhr=new XMLHttpRequest();
2.规定请求的类型,url地址,以及是否异步处理请求(布尔值) open()---》相当与与服务器建一个特定端口的链接
xhr.open("get","./text.txt");
3.将请求发送到服务器 send()
xhr.send();
4.等待响应,---》因为不知道服务器什么时候才返回我们需要的响应,要采用事件的机制去触发
xhr.onreadystatechange=function () {
当响应已经就绪,则可以获取响应后的数据
if(this.readyState==4){
// console.log(this);//xmlHttpRquest
console.log(this.responseText);//获取文本
}
**$.ajax()的方法**
$.ajax({
url:"请求的地址",
type:"请求类型" , get/post
data:"要求送到服务器的数据",
dataType:"要求服务器返回的数据类型",
async:请求是否异步处理,默认是异步
success:function(){},
error:function(){}
});