DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 不使用ajax實現無刷新提交表單
不使用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);
        }
    });
}

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved