AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。
最近做项目经常用到ajax,发现这个真是一个好东西,可以将前后端分离开来,以下是基本内容和注解:
$.ajax({
url: "xxx", //请求路径
type: "GET", //请求类型,看后台是"POST"还是"GET",默认后者
dataType: "json", //请求的数据类型,"json"、"text"、"html"、"jsonp"等等
contentType: "application/x-www-form-urlencoded; charset=utf-8", //编码类型,根据请求类型的不同而不同,(例:如果dataType是jsonp,那么就要改成contentType: "application/json; charset=utf-8",)
data: { //这里放的是前端往后台传的数据
action : "XXX", //请求方法
id : $("#xxx").data("id"), //例子(注:冒号前的变量名一定要与后端的变量名相同)
name : $("#xxx").val(), //例子
_ : new Date().getTime() // 加个时间戳,防止多次请求后挂起
// 注意:最后的数据没有 “,”
}, //这里要加“,”
success: function(data){ //发送请求成功,则把从后台传来的数据先是到前端,
console.log(data); //将data数据打印在控制台,可以看看都传了什么数据,将需要的取出即可,注意一下数据的层级结构
if (data.ret == 0) { //后台传输数据成功(ret是后端定义的)
$("#appID").val(data.xxx.appId); //操作数据,一般是将数据回显到页面的指定位置
}
} else { //后台传输数据失败,则显示获取失败
alert( "获取配置失败!");
}
},
error: function(){ //发送请求失败,则显示服务繁忙
alert( "服务器繁忙,请稍后重试");
}
});