ホームページ > ウェブフロントエンド > jsチュートリアル > ajaxを使用せずに更新せずにフォームを送信する

ajaxを使用せずに更新せずにフォームを送信する

高洛峰
リリース: 2016-12-16 15:30:47
オリジナル
1085 人が閲覧しました

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":"error を返します。 message"}

function save() {
    $("#frm").submit();
    $("#fra").one("load", function () {
        var data = eval("(" + $("#fra").contents().find("body").html() + ")");
        if (data.ok) {
            $("#divtrackroad").load("TrackRoad?roadId=" + &#39;@ViewBag.roadId&#39; + "&roadName=" + &#39;@ViewBag.roadName&#39; + "&viewOrEdit=1&t=" + new Date().valueOf());
        } else {
            alert("保存失败:" + data.msg);
        }
    });
}
ログイン後にコピー

とても簡単ですね。友達が必要なら、持って行ってください、大歓迎です^_^


更新不要の送信フォームを実装する方法に関するその他の関連記事については、こちらをご覧ください。 ajax を使用している場合は、PHP 中国語 Web サイトに注意してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート