ホームページ > ウェブフロントエンド > jsチュートリアル > フォーム送信ページが強制更新される場合の対処方法

フォーム送信ページが強制更新される場合の対処方法

php中世界最好的语言
リリース: 2018-04-03 09:44:43
オリジナル
3204 人が閲覧しました

今回は送信したFormフォームページが強制的に更新される問題の対処法を紹介します送信済みのFormフォームページが強制的に更新される問題を解決するための注意点は何ですか? 、見てみましょう。

長い間取り組んだ後、送信ボタン

buttonをクリックして、 <form < ということが分かりました。 button id="sub" /> < /form> その結果、追加するだけでページが更新されますtype="button"  原来是  <form >  <button id="sub" />   </form>  结果怎么弄都会刷新页面,加上就好了

 PS:form 表单中存在button时ajax提交后自动刷新问题

//在记一个坑(刚学前台,不是很懂,项目中自己给自己挖了个坑,哈哈...)
<form class="form-horizontal">
<p class="form-group">
<label class="col-sm-3 control-label">修改资料名称:</label>
<p class="col-sm-7"> <input type="text" placeholder="test22" class="form-control"></p>
<p class="col-sm-2">
<button class="btn btn-primary" onclick="resetCertificateName(14)">修改</button>
</p>
</p>
</form>
ログイン後にコピー

当form中存在button标签时,用ajax异步提交表单后,也面会被刷新。(感觉很诡异)

原因:button 存在时会再次提交一下表单,所以页面被刷新了。(之前认为button type='submit' 时)button才有提交表单的功能。

解决:button标签换成a标签就可以了。<a class="btn btn-primary" onclick="resetCertificateName(14)">修改</a> PS: フォーム フォームにボタンがある場合、ajax 送信後に自動的に更新されます。

rrreee

フォームにボタン タグがある場合、フォームの送信後にページが非同期的に更新されますアヤックスを使って。 (とても奇妙に感じます)

原因: ボタンが存在すると、フォームが再度送信されるため、ページが更新されます。 (以前は button type='submit' と考えられていました) ボタンにはフォームを送信する機能があります。

解決策: ボタンのラベルをラベル に置き換えるだけです。 <a class="btn btn-primary" onclick="resetCertificateName(14)">変更</a>この記事のケースを読んだ後は、この方法を習得したと思います。内容については、php 中国語 Web サイトのその他の関連記事にご注意ください。

推奨読書:

Ajax クロスドメイン アクセス エラー 501 に対処する方法

🎜🎜🎜 Ajax を使用して人事システム データに基づいて OA アカウントを追加する方法🎜🎜🎜

以上がフォーム送信ページが強制更新される場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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