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

不使用ajax實作無刷新提交表單_javascript技巧

WBOY
發布: 2016-05-16 16:25:18
原創
1057 人瀏覽過

HTML程式碼:

複製程式碼 程式碼如下:



    這裡是表單內容

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

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

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