Ajaxでフォームを送信し、PHPファイルから即座に結果を表示する

Question

これはあまりカバーされていませんが、私はここで少し深く考えています。私が理解することができます。

jQueryのAJAX関数を使用してHTMLフォームを送信し、フォームデータをPHPスクリプトに即座に送信したいと考えています。私のPHPスクリプトは、そのデータを収集し、変数などに割り当てる必要があります。PHPスクリプトは、次に、入力されたデータに基づいていくつかの結果をエコーし​​ます。

これが完了したら、そのエコーデータをHTMLフォームと同じページに表示します。

私が理解できないことは、PHPファイルからの応答を収集してフォームページに出力する方法です。

誰かがここに投稿した（res）引数を使ってみました：PHP + jQuery + Ajax form submission - return results on the same page私が見ることができるものは、私が達成しようとしているものの右の行にありますが、PHPファイル全体（実際のPHPコード私自身のエコーではない）。

ご協力いただきありがとうございます。

ありがとうございました。

Answer 1

$.get()または$.post()というクエリを設定するだけで済みます。

あなたのHTMLのフォームにIDを与える：あなたのJSで次に

<form id="ajaxquery" method="post" action=""> 
<label for="field">Type Something:</label> 
<input type="text" name="field" id="field" value="" /> 
<input type="submit" value="Send to AJAX" /> 
</form> 

<div id="success"></div> 

を：

あなたのPHPで次に

$("#ajaxquery").live("submit" , function(){ 
    // Intercept the form submission 
    var formdata = $(this).serialize(); // Serialize all form data 

    // Post data to your PHP processing script 
    $.post("/path/to/your.php", formdata, function(data) { 
     // Act upon the data returned, setting it to #success <div> 
     $("#success").html (data); 
    }); 

    return false; // Prevent the form from actually submitting 
}); 

：

<?php 

// Process form data 
echo '<strong>You submitted to me:</strong><br/>'; 
print_r($_REQUEST); 

エコーエニシング（）D ' $ .post（）関数に返されます。data

Answer 2

$ .ajax（）;があります。 jqueryを使用してページを送信し、成功すると（PHPコードが実行されると）jsonの文字列を返し、status：trueなどの要素を含むと、別のPHPページから結果を取得して即座に表示する関数（jqueryの成功）

Answer 3

JQuery's get functionは、成功のリクエストで呼び出される関数を渡すことができます。あなたの実際のコードが完全に表示されている場合

jQuery.get(url [, data] [, success(data, textStatus, jqXHR)] [, dataType]) 

Answer 4

とにかく、私は考えることができるいくつかの理由があります：

A.誤ったサーバー設定/ PHPコンパイラは - あなたのサーバーは、スクリプトとしてPHPのページを処理することはできませんファイルとして出力します。

B.あなたのコードは正しく書かれていません（ほとんどの場合、<?のような短いタグは無効になっており、<?phpと書く必要があります）ので、サーバーはこれをスクリプトとして受け入れません。