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