不使用ajax實現無重新整理提交表單_javascript技巧

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

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