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

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

WBOY
WBOY原創
2016-05-16 16:25:181036瀏覽

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn