我使用。net MVC 3。我有一个AJAX调用来保存问卷调查的答案,我需要一些图像指示器类似于加载图标,以显示它已保存的用户。
<input id="SaveAccount"
type="button"
onclick="saveQuestioniare();"
value=""
alt="save account" title="save account" />
我的AJAX调用:
function saveQuestioniare() {
var formData = $("#SignupForm").serializeArray();
$.ajax({
url: '/Question/SaveQuestionaire?id=@ViewData["reviewId"]',
type: 'POST',
cache: false,
dataType: 'json',
data: formData,
error: function (jqXHR, textStatus, errorThrown) {
alert(errorThrown);
},
success: function (json) {
alert("Saved");
}
});
}
不要使用额外的插件,你可以很容易地通过CSS和js 10行代码,而不是300/400或更多
首先将你的图像设置为你想要的位置,例如:
<img src="...path to img" id="myimg" alt=""/>
#myimg{
margin:0;
position:relative;
top:20%;
bottom:20%;
left:0;
right:0;
display:none;
}
然后在js中做
$.ajax({ ....
beforeSend:function(){
$('#myimg').show();
},
success:function(){
$("#myimg").hide();
}
...});
使用一个阴影框,如Lightbox,一个jQuery插件,并触发它指向你最喜欢的"spinner"图像来指示加载,然后,在'success'处理程序中,关闭它