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

jQuery：提交并保留在同一页面中

2 个答案: