ajax异步请求技术

#Aajax介绍
*什么是ajax：异步请求技术，核心对象是：XMLHttpRequest
*优点：不用刷新整个网页，就能使网页的局部数据发生变法
*客户端（浏览器，app）和服务器交互，传递的数据格式，
#XMLHttpRequest对象（不用自己写，后期使用jquery封装的）
1，属性：
*readyState：浏览器向服务器发送请求的状态
比如 readState=4,表明浏览器发送请求成功
*status:服务器向浏览器响应的状态
比如: status=200,服务器向浏览器响应数据成功
*接收服务器响应的数据
responseText：接收数据的是文本（字符串）
responseXML：接收的数据是XML
*监听事件：onreadystatechange，监听上面两个属性的状态：readyState，status
2，方法
open（）和send（）：浏览器向服务器发送请求，并且提交参数
3，入门案例
步骤一：创建异步请求对象
步骤二：设置监听事件，绑定回调函数：监听readyState和status的属性状态
如果:readyState4 && status200
可以接收服务器响应的数据:responseText
步骤三：open（请求方式，请求路径，是否支持异步）和send（）：发送请求和提交参数
get和post区别：
get请求：请求参数拼接在地址栏后面
post请求：
setRequestHeader(“Content-Type”,”application/x-www-form-urlencoded”);
(规范数据的提交格式: key = value,因为 request.getParameter(“key”))
请求参数在方法: send(“id=1”)
4，JQuery封装ajax
常用的异步请求方法
*$.get(url,param,function(data),type)\ast$.post(url,param,function(data){},type)
url:浏览器访问服务器的请求路径
param：浏览器发送请求时提交的参数
function（data）{}：使用回调函数的data，来接收服务器响应的数据
type：服务器向浏览器响应数据的格式，数据格式：XML，json（这种格式使用较多）
注意：请求参数param {“name”：“jack”，“password”：“123”}
param参数格式必须是json
#JSON常见的数据格式有两种
*单个json对象
var json={“name”：“jack”，“password”：“123”}
*json数组
var jsonArr=【 {“name”:”jack”,”password”:”123”},
{“name”:”rose”,”password”:”666”}】
得到rose : var username = json[1].name
解析json: json对象.属性名称.
var json={“name”:”jack”,”password”:”123”};
var username = json.name
#JQuery封装ajax的使用：
1，在页面引入JQuery.js框架

2，在页面使用jquery封装的方法和属性
KaTeX parse error: Expected '}', got 'EOF' at end of input: …2”,{“username”,(“#uid”).val()},function(aa){
var serverData = aa;// yes或者no
-------
})