服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - 不使用ajax实现无刷新提交表单

不使用ajax实现无刷新提交表单

2021-05-28 20:25JS教程网 JavaScript

这篇文章主要介绍了不使用ajax实现无刷新提交表单的方法,需要的朋友可以参考下

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>

 

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);
        }
    });
}

 

是不是很简单呢,小伙伴们需要的话,直接拿走,不用客气^_^

延伸 · 阅读

精彩推荐