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