使用 AJAX 的笔记

Ajax 概述

1、什么是同步，什么是异步？
同步现象：客户端发送请求到服务器端，当服务器端返回响应之前，客户端都处于等待卡死状态
异步现象：客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随意做其他事情，不会被卡死。
2、Ajax 的运行原理
页面发起请求，会将请求发送给浏览器内核中的 Ajax 引擎，Ajax 引擎会提交请求到客户端，在这段期间，客户端可以任意进行操作，知道服务器端将数据返回给 Ajax 引擎后，会触发你设置的时间，从而执行定义的 JS 逻辑 diamante 完成某种页面功能。
JS 原生的 Ajax 技术
js 原生的 Ajax 其实就是围绕浏览器内内置的 Ajax 引擎对象进行学习的，要使用 js 原生的 Ajax 完成异步操作，有如下几个步骤：
1 创建 Ajax 引擎对象
var xmlHttp = new XMLHttpRequest();
2 为 Ajax 引擎对象绑定监听（监听服务器已将数据响应给引擎）
xmlHttp.onredystatechange = function(){
5 接受相应数据
}
3 绑定提交地址
xmlHttp.open("Get","URL",true );
4 发送请求
xmlHttp.send();
如果提交方法是 Post 那么在发送请求之前在头部增加属性
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded")