jQuery $ .post，form…Send每次單擊提交按鈕時，使用post發送其他數據

Question

我創建了一個表格

<form action="test.php" method="post">
    <input type="text" name="name"/>
    <input type="submit" value="submit" onClick="send_data()"/>
</form>

我需要在“名稱”旁邊向test.php發送一些其他數據，以實現此目的，我使用了JQuery的$ .post方法：

function send_data(){
var foo = $("#foo").text();
$.post( "test.php", { foo: foo} );
{alert(foo)};
}

但這是行不通的，我放了警報函數以查看是否每次單擊都會調用它，並且確實會調用send_data函數。因此，我可能誤解了$ .post的工作方式。

希望有幫助

Answer 1

您需要通過從onsubmit返回false來阻止正常的提交操作：

<input type="submit" value="submit" onClick="send_data(); return false;"/>

要將輸入值包含在AJAX調用中，您需要明確獲取它：

function send_data(){
    var foo = $("#foo").text();
    var name = $("input[name=name]").val();
    $.post( "test.php", { foo: foo, name: name} );
}