码迷,mamicode.com
首页 > Web开发 > 详细

无刷新提交表单(非Ajax实现)

时间:2014-12-20 22:01:02      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:

HTML代码:

技术分享
<iframe id="fra" name="frm" style="display: none;"></iframe>
<form id="frm" method="post" action="@Url.Content("~/Backstage/MachineMng/RoadSet/SaveTrackRoad")?roadId=@ViewBag.roadId" target="frm">
    这里是表单内容
</form>
View Code

JS代码:

若保存成功,后台返回{"ok":true};若保存失败,后台返回{"ok":false, "msg":"错误信息"}

技术分享
function save() {
    $("#frm").submit();
    $("#fra").one("load", function () {
        var data = eval("(" + $("#fra").contents().find("body").html() + ")");
        if (data.ok) {
            $("#divtrackroad").load("TrackRoad?roadId=" + ‘@ViewBag.roadId‘ + "&roadName=" + ‘@ViewBag.roadName‘ + "&viewOrEdit=1&t=" + new Date().valueOf());
        } else {
            alert("保存失败:" + data.msg);
        }
    });
}
View Code

 

无刷新提交表单(非Ajax实现)

标签:

原文地址:http://www.cnblogs.com/s0611163/p/4175663.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!