ホームページ  >  記事  >  ウェブフロントエンド  >  jsはフォーム送信後に現在のページを再更新しないように実装しています

jsはフォーム送信後に現在のページを再更新しないように実装しています

高洛峰
高洛峰オリジナル
2016-12-03 14:03:441544ブラウズ

フォーム送信後に現在のページが更新されないようにするにはどうすればよいですか

<form name=&#39;form1&#39; id=&#39;form1&#39; action=&#39;/xbcw/cw/xx_xx.action&#39; method=&#39;post&#39;>
  <input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()" class="Button2" />
  <input type="button" id="btnSubmit" name="btnSubmit" value="下一步" onclick="doAddCwKpSubmit()" class="Button2" />
</form>

「保存」をクリックして FORM フォームを送信するときに、現在のページを変更しない (つまり、現在のページを更新しない) ようにするにはどうすればよいですか?

FORMフォームの後にiframeを追加します

3fd24ed8386b437cbda9015eab5173f2065276f04003e4622c4fe6b64f465b88

「保存」をクリック送信イベントでは、ターゲットを iframe の名前に変更する必要があります: JS: document.forms[0].target="rfFrame" );

このようにして、FORM が送信され、データが保存されます。 、ページはジャンプしません

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。