Ajax
asynchronous JavaScript and XML :异步的js和XML
本质:使用js提供的异步对象异步的向服务器发送请求并且接收响应。
1 创建异步对象
var xhr=new XMLHttpRequest();
2 创建请求
xhr.open(methon,url,isAsyn)
method:请求方法;url:请求的url;isAsyn:是否异步
3 发送请求
xhr.send();
***post/put需要创建请求主题formdata
var formdata='uname='+$uname+"&"+"$upwd="+$upwd;
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded')
***get/delete:没有请求主体(不填或者null)
4 接受响应数据
xhr.onreadystatechange=function(){ if(xhr.readyState==4&&xhr.status==200){ res=xhr.responseText; var arr=JSON.parse(res); } }
xhr.readyState:表示xhr对象的请求状态
0:请求尚未初始化
1:已经打开链接,请求正在发送
2:正在接收响应头
3:正在接收响应主体
4:接收响应成功(完毕)
JSON解析
后台得到的obj类型,在通过响应传递给前台的时候,自动转换成json字符串格式
json: JavaScript object notation
json的格式:① json与js一样,使用{}表示一个对象,使用中