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

浏览数：24 / 时间：2015年06月09日

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

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style 代码 src com log html http it class style 代码 src com log html http it

相关文章

随机文章

您可能还喜欢

您可能还喜欢