闲来无事,发表第一篇文章,关于AJAX
本次介绍主要说一些常被忽略的一些属性的小知识,算是加强代码的规范吧
$.ajax({
type: "get",
url: "getData.do",
data: {
"text": "context"
},
//timeout属性我理解是:设定加载时间,超出则为失败,执行error
timeout: 2000,
//cache属性,默认true(异步,一般我是不写),false(同步)
cache: true,
//beforeSend属性很多人都忽略,讲道理很重要,可以做动画加载,可以防止重复请求,如下
beforeSend: function() {
// 禁用按钮防止重复提交
$("#submit").attr({
disabled: "disabled"
});
},
//success和error属性个人觉得跟complete是一样的,不过很多人不喜欢用,可以忽略,根据自己习惯来
success: function(data) {
$("#submit").attr({
disabled: false
});
$.each(data, function(i, e) {
var text = $("<span>", {
"text": e.host
});
context.append(text);
});
},
//error属性经常看见不写的,个人建议写上吧,毕竟可以清楚的知道,你AJAX有没有执行成功(超时算失败!)
error: function() {
alert("请求失败!");
},
});
本人新人一枚,第一次写,如有错误的地方,欢迎指正,谢谢啦