前后端交互之标准Ajax格式:
在jQuery中Ajax有其标准的请求格式:
$.ajax({
url:"list.html",
dataType:"json",
type:"get",
data:{},
success:function(data){
alert(data);
//$("#showInfo").html(data);
},
error:function(e){
console.log(e);
}
});
其中:
data:{}, 为前端向后端传入的数据(后端可以利用 request 来调用)
success中传入的data为后端响应返回给前端的内容(根据dataType,一般为json格式)
type为请求方式,主要看API接口的定义,要跟后端的响应等同
url访问的链接,进行前后端交互
async:
另外还有一条属性是:async
默认是 true,为异步方式
一般执行Ajax会一直执行直到服务端返回数据触发success方法,此时执行两个线程
否则若为false,则所有请求为同步请求,没有返回值之前将锁住浏览器,用户的其他操作必须等待请求完成才可以执行
(通俗易懂的说就是服务端不给返回值,我就不会往下走,下面的任何语句都不会得到执行)