フォーム送信時に Ajax フォーム ページが依然として更新される問題の簡単な解決策

この記事では、フォーム送信時に Ajax フォーム ページがまだ更新される問題の簡単な解決策と、フォームにボタンがある場合の Ajax 送信後の自動更新を主に紹介します。 質問です。必要な友達は参照してください

長い時間が経った後、送信ボタンをクリックすると、type="button" が追加されていることがわかりました。 >

送信後の自動更新の問題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>rrreee

フォームにボタンタグがある場合、非同期送信後にページが更新されますajaxを使用したフォーム。 (変な気がします)

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

解決策: ボタンのラベルをラベル に置き換えるだけです。 <a class="btn btn-primary" onclick="resetCertificateName(14)">変更</a>

上記は、すべての人にとって役立つことを願っています。未来。
関連記事:

AJAX ディスプレイ読み込みとポップアップレイヤーオクルージョンページの実装例

OA へのアクセス Ajax とワークフロープラグインを使用して、人事システムデータ (詳細なグラフィックとテキスト) に基づいて OA アカウントを追加します説明)

🎜🎜Lavarelフレームワークでajaxを使用してフォームを送信する方法_AJAX関連🎜🎜🎜

以上がフォーム送信時に Ajax フォーム ページが依然として更新される問題の簡単な解決策の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。