Question

我创建了一个表单

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

我需要向test.php发送一些额外的数据 “name”，为了实现这个，我使用了JQuery的$ .post方法：

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

但它不起作用，我把警报功能看看它是否在每次点击时调用它，它确实调用send_data函数.. 所以我可能误解了$ .post的工作方式......

非常感谢任何帮助

Answer 1

您需要从false返回onsubmit来阻止正常提交操作：

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

JQuery $ .post，form ...每次点击提交按钮时使用帖子发送附加数据

1 个答案: