原生ajax


  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一样,使用{}表示一个对象,使用中


原文地址:https://www.cnblogs.com/codexlx/p/12461776.html