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

ajax_javascript スキルを使用せずに、更新せずにフォームを送信する

WBOY
リリース: 2016-05-16 16:25:18
オリジナル
1055 人が閲覧しました

HTML コード:

コードをコピーします コードは次のとおりです:



フォーム内容はこちら

JS コード:

保存が成功した場合、バックグラウンドは {"ok":true} を返します。保存が失敗した場合、バックグラウンドは {"ok":false, "msg":"error message"} を返します

コードをコピーします コードは次のとおりです:

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

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

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