ホームページ > 記事 > ウェブフロントエンド > JS+ajax は PHP の非同期フォーム送信を実装します
JS+ajax は PHP の非同期フォーム送信を実装します
- php中世界最好的语言オリジナル
- 2018-04-04 14:53:392030ブラウズ
今回は、JS + ajax で php 非同期送信フォームを実装するための 注意事項 について説明します。実際のケースを見てみましょう。
多くの場合、フォームを非同期で送信する必要がある場合、フォームが多すぎると、ElementById を 1 つずつ取得するのは非常に非現実的になります
もちろん、jquery は非同期フォーム送信を実装でき、jquery.form.js ライブラリは非常に優れているようです。人気があります
その時、追加のライブラリを使用したくなかったので、自分で書いて純粋なjsを使用してフォームの非同期送信を実装することを考えました。実装は次のとおりです(この例では)。 、POST は送信に使用され、php はサーバー スクリプトとして使用されます)。
<html> <head> <script type="text/javascript" src="name_form.js"></script> </head> <body> <form action="process.php" id="ajax_form"> Username:<input type="text" name="username" id="username"/><br> <input type="button" onclick="submitForm('name_form')" value="Submit"> </form> <p id="tip"></p> </body> </html>上記のプログラムの原理は、まずユーザーがtest.htmlファイルの情報にユーザー名を入力し、次にname_form.jsファイルを使用してajaxを実装してフォームを送信し、次にphpファイルで操作することです。ユーザー名が設定されているかどうか、つまりユーザー名が存在するかどうかを判断するだけであり、存在する場合は 1 が出力され、さらにデータベースを操作 (追加、変更など) することもできます。結果が true であれば 1 を出力します。js ファイルの xmlHttp.responseText で返された情報を判定します。1 しか出力されないため、プロンプト ボックスが表示されます。内容は「成功後」です。このようにして、ajax を使用した php の非同期フォーム送信を実装することに成功しました。
注: ajax が返された情報を正確に取得できるように、php ファイルのエコーの前に出力がないことを確認してください。 この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:Ajax+セッションが失敗した直後にログインページにリダイレクトする
ajaxでアクセスした場合のセッション失敗に対処する方法
以上がJS+ajax は PHP の非同期フォーム送信を実装しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。