ajax---部分总结

ajax

1. 打开终端的快捷键：window+r——cmd——ipconfig

动态页面：跟后台发生数据交互的页面

前后台数据交互依赖的一项技术叫ajax；

xml：是数据的一种存储格式，被抛弃了

json：是一种数据存储格式，当前最流行的；

2.ajax的本质就是xmlHttprequest对象

　　在__proto__上有三个方法：open（） send（） onReadyStateChange（）

3.ajax创建的方法：

　　第一步：创建——>newXMLHttpRequest

　　第二步：给后台发送请求——>open（“get/post”，“url”异步（true），同步（false））

　　第三步：发送——>send（）

　　第四步：服务器响应——>onreadystatechange=function

　　　　　　服务器响应判断：if（xmlhttp.readyState==4&&xmlhttp.status==200）{fn(xmlhttp.responseText)}

4.ajax的三个属性：readyState  staus  responseText

　　　　　　readyState：代表请求的5个阶段 0,1,2,3,4       status：状态码   返回的状态信息   200成功了    3xx代表禁用      404代表文件没有找到      5xx代表服务器问题

　　　　　　responseText：返回的文件内容

readyState五个阶段：

　　　　　　0.请求未初始化，open还没有调用

　　　　　　1.服务器连接已经建立，open已经调用了

　　　　　　2.请求已接收，也就是接收到头的信息了

　　　　　　3.请求处理中，也就是接收到响应主体了

　　　　　　4.请求已完成，且响应已就绪，也就是响应完成了

　　四个方法：

　　　　　　XMLHttpRequest：ajax对象

　　　　　　open（）给后台发送请求

　　　　　　send（）发送

　　　　　　onreadystatechange：服务器响应

5.ajax的请求方式：

　（1）get（）看得见，传送数据小，通过网络地址传

　　　  GET请求可被缓存

　　　  GET请求保留在浏览器历史记录中

　　      GET请求可被保存在书签中

　　　  GET请求不应在处理敏感数据时使用

　　　  GET请求有长度限制

　　　  GET请求只应当用于取回数据

　（2）post（）看不见，传送数据大，通过http中的某个对象的一个body属性

　　    post请求不会被保存；

　　　post请求不会被保留在浏览器历史记录中

　　　post不会被收藏为书签

　　    post请求对长度没有限制

6. jq中的ajax

　　load（）：从服务器加载数据，并把返回的数据放置到指定的元素中；

　　案例：当一个网站有许多页面，但是头部和尾部都一样，可以使用load，节省开发效率

　　load传参：是以post'方式发送的，php后台用post接收或request接收