不使用ajax實現(xiàn)無刷新提交表單
更新時間：2014年12月21日 16:06:36 投稿：hebedich
這篇文章主要介紹了不使用ajax實現(xiàn)無刷新提交表單的方法,需要的朋友可以參考下
HTML代碼：
復(fù)制代碼 代碼如下:
<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">
這里是表單內(nèi)容
</form>
JS代碼：
若保存成功，后臺返回{"ok":true}；若保存失敗，后臺返回{"ok":false, "msg":"錯誤信息"}
復(fù)制代碼 代碼如下:
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);
}
});
}
是不是很簡單呢，小伙伴們需要的話，直接拿走，不用客氣^_^
相關(guān)文章
![怎么在下面的HTML里調(diào)用數(shù)組cs[]的值](http://img.jbzj.com/images/xgimg/bcimg0.png)
怎么在下面的HTML里調(diào)用數(shù)組cs[]的值
怎么在下面的HTML里調(diào)用數(shù)組cs[]的值...2007-01-01
開發(fā) Internet Explorer 右鍵功能表(ContextMenu)
本篇介紹如何開發(fā) Internet Explorer 右鍵功能表(ContextMenu)，以 0rz.tw 縮短網(wǎng)址列為范例2013-07-07
一種Javascript解釋ajax返回的json的好方法(推薦)
下面小編就為大家?guī)硪黄环NJavascript解釋ajax返回的json的好方法(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
將Listbox的 SelectionMode="Multiple"，設(shè)置為多選時，用JS獲取多選的值。2010-04-04
js 動態(tài)添加標(biāo)簽（新增一行，其實很簡單，就是幾個函數(shù)的應(yīng)用）
把所有代碼拷下另存為一個html文件，在瀏覽器中打開，點擊“新增一行”按鈕就可以,以下是對js函數(shù)的解釋2009-03-03
這篇文章主要為大家詳細介紹了js實現(xiàn)煙花效果，實現(xiàn)鼠標(biāo)點擊出現(xiàn)模擬煙花爆炸的特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
Bootstrap分頁插件之Bootstrap Paginator實例詳解
Bootstrap Paginator是一款基于Bootstrap的js分頁插件，功能很豐富，個人覺得這款插件已經(jīng)無可挑剔了，感興趣的朋友跟著腳本之家小編一起學(xué)習(xí)吧2016-10-10
js獲取對象,數(shù)組所有屬性鍵值(key)和對應(yīng)值(value)的方法示例
這篇文章主要介紹了js獲取對象,數(shù)組所有屬性鍵值(key)和對應(yīng)值(value)的方法,涉及javascript對于對象、數(shù)組鍵名與鍵值遍歷相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
JavaScript實現(xiàn)創(chuàng)建自定義對象的常用方式總結(jié)
這篇文章主要介紹了JavaScript實現(xiàn)創(chuàng)建自定義對象的常用方式,結(jié)合實例形式總結(jié)分析了JavaScript工廠模式、構(gòu)造函數(shù)模式、原型模式、組合模式等常用的自定義對象創(chuàng)建模式操作與使用技巧,需要的朋友可以參考下2018-07-07
微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)商品數(shù)據(jù)聯(lián)動效果，代碼很簡單，直接復(fù)制即可根據(jù)自己的需求去修改，對小程序商品數(shù)據(jù)聯(lián)動實例代碼感興趣的朋友一起看看吧2022-08-08