首頁 > web前端 > js教程 > 不使用ajax實現無刷新提交表單

不使用ajax實現無刷新提交表單

高洛峰
發布: 2016-12-16 15:30:47
原創
1086 人瀏覽過

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=" + &#39;@ViewBag.roadId&#39; + "&roadName=" + &#39;@ViewBag.roadName&#39; + "&viewOrEdit=1&t=" + new Date().valueOf());
        } else {
            alert("保存失败:" + data.msg);
        }
    });
}
登入後複製

是不是很簡單呢,小夥伴們需要的話,直接拿走,不用客氣^_^


更多不使用ajax實現無刷新提交表單相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板