页面通过ajax和后台进行数据交互是非常简洁且方便的。特别是封装成json数据格式。
此处使用的是jQuery的ajax
var params = {
version:new Date().getTime()//版本标志,为了防止IE参数一样不做数据请求
}; $.ajax({
url: "StroeList.do", // 发送请求给一个sevlet
data: "now="+params, // 向后台传送的参数
dataType: "json", // 以json格式返回
async: true,
cache: false,
type:"POST", // 请求方式
success: function(srcData) {
var options = eval('(' + srcData + ')'); // 把返回结果转成json对象,进而可以用options.id的形式访问json数据
// 处理返回数据的具体代码。
},
error : function() {
alert("数据库链接失败!");
}
});
url:一个用来包含发送请求的URL字符串。
data:发送到服务器的数据。将自动转换为请求字符串格式。可在服务器端接收。
dataType:服务器返回的数据类型。
success 当请求之后调用。传入返回后的数据(srcData),以及包含成功代码的字符串。
error 在请求出错时调用。传入XMLHttpRequest对象,描述错误类型的字符串以及一个异常对象(如果有的话)