JS+ajax は PHP の非同期フォーム送信を実装します-jsチュートリアル-php.cn

JS+ajax は PHP の非同期フォーム送信を実装します

php中世界最好的语言

リリース： 2018-04-04 14:53:39

オリジナル

2093 人が閲覧しました

今回は、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(&#39;name_form&#39;)" 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 サイトの他の関連記事を参照してください。