ホームページ  >  記事  >  バックエンド開発  >  Ajax送信フォームのフォームページは引き続きJソリューションを更新します

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

小云云
小云云オリジナル
2018-01-08 16:57:541718ブラウズ

この記事では、フォーム送信時に 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 サイトの他の関連記事を参照してください。

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