触发载入时，使用点击某个按钮。
html片段
<!--促发按钮-->
<input type="button" id="need-load" value="载入">
<!--遮罩背景层-->
<div id="load-layout" style="position:fixedwidth:100%height:100%top:0pxleft:0pxopacity:0.4background:#000display:none">
<!--放置载入图片层，让载入图片放在大致中心就可以，需要绝对中心的话可以在js中做微调，这里忽略-->
<div style="position:absoluteleft:49%top:200pxwidth:图片宽度pxheight:图片高度px">
<img src="load.gif">
</div>
</div>
jq代码
$(function(){
$('#need-load').click(function(){
var _this = $(this)//存储触发元素，以备后面调用
$(this).attr('disabled',true)//禁用按钮
$('#load-layout').show()
//需要对图片位置进行调整可以放这里，这里忽略
$.ajax({
url : '目标地址'
。。。//ajax相关的参数，忽略
success:function(res){//成功后撤销载入
//这个可以加入的一些撤销判定，这里忽略
//载入后的一些 *** 作，比如某一块显示结果html，这里忽略
$('load-layout').hide()//隐藏载入层
_this.attr('disabled',false)//撤销按钮禁用
},
error:function(){
//这里可以做一些错误的提示
$('load-layout').hide()//隐藏载入层
_this.attr('disabled',false)//撤销按钮禁用
}
})
})
})
有时刻会遇到这种情况：在一个表单上须要多个按钮来完成不一样的功能，比如一个基本的审批功能。假如是用webform那不须要探讨，但asp.net mvc中一个表单只好提交到一个Action处理，相比较较麻烦点。要领一：运用客户端脚本比如咱们在View中这样写：以下为引用的内容：<input type="submit" value="审核议决 " onclick='this.form.action="<%=Url.Action("Action1") %>"' /><input type="submit" value="审核不议决 " onclick='this.form.action="<%=Url.Action("Action2") %>"' />
<input type="submit" value="返回" onclick='this.form.action="<%=Url.Action("Action3") %>"' />在点击提交按钮时，先改动 Form的action属性，使表单提交到按钮相应的action处理。但有的时刻，可能Action1和2的逻辑特别类似，也许只是将某个字段的值置为1或者0，那么分开到二个action中又显得有点多余了。要领二：在Action中判断议决哪个按钮提交在View中，咱们不用任何客户端脚本处理，给每个提交按钮加好name属性：以下为引用的内容：<input type="submit" value="审核议决 " name="action" />
<input type="submit" value="审核不议决 " name="action"/>
<input type="submit" value="返回" name="action"/>然后在控制器中判断：以下为引用的内容：[HttpPost]
public ActionResult Index(string action /* 其它参数*/){if (action=="审核议决 "){//}else if (action=="审核不议决 "){//}else{//}}
可以的。你可以使用
<a href="#" onclick="addMood()">我的 *** 作</a>,
也可以使用
<input type="button" value="我的 *** 作" onclick="addMood()" />
就是说你点它是时间去调用addMood()方式，他会$('#moodForm').submit()提交你当前的表单，记住<a>的href不能有连接。
把下面的这段代码添加到视频的<head></head>标签中。如果你的视频中没有head标签，那么请在默认布局页添加一个占位符，在你的视频中集成这个占位符就可以添加了。
jquery.js你自己下载一个吧，这里不让放连接。
<script src="juqery.js"><script type="text/javascript">
function addMood() {
$('#moodForm').submit()
}
</script>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）