jquery AjaxSubmit函數如何從窗體頁面中獲取結果以顯示

Question

我想了解如何正確使用ajaxSubmit（），並且遇到一些困難。我想用ajax提交表單，然後將表單的容器值更改爲結果echo。我有一個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

這將被包含在responseText，假設你的PHP文件實際輸出的東西。

嘗試更新功能

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"); 
}