Jquery 通过ajax调用单击保存按钮时显示图像指示器？

我正在使用.NETMVC3。我有一个AJAX调用来保存问卷答案，我需要一些类似于加载图标的图像指示器来向用户显示它被保存了

 <input id="SaveAccount"
        type="button"
        onclick="saveQuestioniare();"
        value=""
        alt="save account" title="save account" />

---

使用一个阴影框，比如jQuery插件，并触发它指向您最喜欢的“微调器”图像以指示加载，然后在“成功”处理程序中关闭它。

不要使用其他插件，您可以通过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;
}

---

使用

$（“#成功块”）在成功函数中显示隐藏的
。show（）

？我想你正在使用jQuery？你能写一个简单的例子吗？把上面的内容放到success函数中，然后把它放到你的HTML中：

Saved OK

。我将把它作为一个练习留给您，让您添加一个关闭按钮，或者在超时时隐藏它

：）

。另外，将您的函数重命名为

saveQuestionaire

-它当前拼写错误。您的另一个练习是附加到没有不推荐的onclick属性的click事件-请参阅

click（）

jQuery手册中的函数。

<img src="...path to img" id="myimg" alt=""/>

#myimg{
margin:0;
position:relative;
top:20%;
bottom:20%;
left:0;
right:0;
display:none;
}

$.ajax({ ....
beforeSend:function(){
$('#myimg').show();
},
success:function(){
$("#myimg").hide();
}
...});