jquery AjaxSubmit関数表示するフォームページから結果を取得する方法

Question

ajaxSubmit（）を正しく使用する方法を理解しようとしていますが、いくつかの問題があります。私はajaxと私のフォームを提出し、フォームの結果エコーにコンテナの値を変更した後にしたい。私は、HTMLのフォームを持っている

<form action="contact.php" method="post" id="contact_form" > 
<div id="form-box"> 
<input type="text" name="name" maxlength="40" > 
<input type="submit" name="contact" value="SUBMIT" /> 
</div> 
</form> 

そしてJSで、私は今contact.php

$(document).ready(function() { 
var options = { 
    success: showResponse 
}; 

$('#contact_form').submit(function() { 
    $(this).ajaxSubmit(options); 
    return false; 
}); 

}); 

function showResponse(responseText) { 
$("#form-box").html("Thank you message"); 
} 

にフォームを送信するために、次のコードを使用して、私の「ありがとうメッセージ」と#form-box変更...しかし、スクリプトの実行後にcontact.phpからエコーを取得するにはどうすればよいですか？

私はこれを実行して機能させる方法がわかりません。

Answer 1

それはあなたのPHPファイルは、実際に何かを出力していると仮定すると、responseTextに含まれることになります。

は

function showResponse(responseText) { 
$("#form-box").html("Thank you message"+responseText); 
} 

にあなたの機能をアップデートしてみてください

Answer 2

'responseText'パラメータには、phpファイルからの応答が含まれています。

function showResponse(responseText) { 
    console.log(responseText); 
    $("#form-box").html("Thank you message"); 
}