jquery - jQuery：提交并保持在同一页面

Question

提交表单后是否可以保留文本框中的值并使用 jQuery ajax 保持同一页面？

很抱歉，我没有示例可以演示。

提前致谢。

Answer 1

在您的提交回调中，您可以preventDefault提交事件。然后，您只需使用 ajax 自己处理它。

$('#yourform').submit(function(event) {
    event.preventDefault(); // disable default submit behaviour of the browser
    $.post($(this).attr('action'), $(this).serialize()); // handle the post via ajax
});

<form id="yourform" action="script.php">
    <input type="text" name="field">
    <input type="submit" value"Go">
</form>

Answer 2

您可以使用 jquery/ajax 提交您的页面看看它 - 假设 html 代码是 -

<form id="target" action="destination.html">
<input type="text" value="Hello there" />
<input type="submit" value="Go" />
</form>

现在ajax代码将是-

$('#target').submit(function() {
alert('Handler for .submit() called.');
return false;
});