Ajax送信フォームのフォームページは引き続きJソリューションを更新します

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

長い間作業した結果、送信ボタンをクリックすると、

button id="sub" /> が追加されたことがわかりました。 ; 大丈夫です

PS: フォームにボタンがある場合、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>

フォームにボタンのラベルがある場合、フォームが ajax で非同期に送信された後、ページもリフレッシュされてください。 (変な気がします)

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

解決策: ボタンのラベルをラベルに置き換えるだけです。 変更

関連推奨事項:

ajax を使用して Lavarel フレームワークでフォームを送信する例の共有

Ajax 送信フォーム ページが非常に速く更新される例の説明

ajax は検証のために携帯電話番号をデータベースに送信し、ステータス値を返す詳細な例の説明

。

以上がAjax送信フォームのフォームページは引き続きJソリューションを更新しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。