AJAX

 

AJAX全称： Asynchronous JavaScript and XML    ( 异步的JavaScript 和 XML）

Ajax的本质就是：XMLHttpRequest 对象；

　　　　案例：

　　　　　　var ajax=new XMLHttpRequest()

　　　　　　console.log(ajax)

　　　　　　从控制台中我们要学习三个属性和三个方法

　　　　　　三个属性：

　　　　　　　　readystate：状态的属性： 请求的5个阶段：0，1，2，3，4    只有最后一个阶段是成功的状态：前面的出错，都是前端的语法出错

　　　　　　　　responseText：返回的文件内容

　　　　　　　　status：状态码：200：成功了　　404：表示文件没找到　　5xx:代表服务器的问题　　3xx：代表禁用的意思

　　　　　　从__proto__中学习三个方法

　　　　　　　　open()　　向后台发送请求

　　　　　　　　send()　　发送

　　　　　　　　onreadystatechange()　　服务器响应

　　Ajax=异步javascript和xml

　　xml是一种数据存储格式    （不过由于为严格模式，对开发不友好，已被抛弃了）（必须是双标签）

　　json　　是一种数据存储格式：（简单，易操作，是当前最流行的）

　　Ajax的工作原理：

　　

　　Ajax的使用方法：

　　第一步： 创建XMLHttpRequest 对象：

　　var xmlhttp=new XMLHttpRequest();

　　第二步：给后台发送请求：

　　xmlhttp.open(参数一，参数二，参数三)　　　　参数一：请求的方式：get/post　　参数二：后台的地址（类似于url）　　参数三：同步/异步（true代表异步：false代表同步）；

　　第三步：发送：

　　xmlhttp.send()　　

　　第四步：服务器响应：

　　xmlhttp.onreadystatechange=function(){

　　　　if(xmlhttp.readystate==4){

　　　　　　if(xmlhttp.status==200){

　　　　　　　　两个添加判断为：请求成功后，后台向客户端传入数据的阶段；

　　　　　　　　将其封装成函数，用于数据处理

　　　　　　　　fn(xmlhttp.responseText)

　　　　　　}

　　　　}

　　}

　　function fn(data){

　　　　var arr=JSON.parse(data)        //JSON格式，后台传入的数据都是字符串　　JSON字符串转换为JSON的格式用parse的方法；

　　　　document.getElementById("div").innerHTML=arr[0].name;　　　　在指定的元素下面插入从后台返回的数据

　　}

　　这就是Ajax的原理