jquery - jQuery : submit and remain in same page

Question

Is it possible to remain the values in textbox after submited the form and remain the same page using jQuery ajax?

I'm sorry that I don't have examples to demonstrate.

Thanks in advance.

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