автоматическая отправка формы при срабатывании триггера / функции

Question

У меня есть следующая рабочая форма:

<div id="player_won">
<form action="insert.php" method="post">
Firstname: <input type="text" name="firstname" />
Lastname: <input type="text" name="lastname" />
Score: <input type="text" name="score" />
<input type="submit" />
</form>
</div>

При нажатии кнопки «Отправить» данные будут отправлены в мою базу данных. Все отлично работает. Единственным недостатком является то, что он покажет этот файл insert.php после успешной отправки.

Теперь у меня также есть следующий триггер:

function gameWon(){ 
 var $game_board = $("#game_board_container");
 var $player_won = $("#player_won");
 $player_won.show();
 $game_board = $player_won = null;
};

Когда это произойдет, он покажет div, в котором находится форма. Поскольку все поля уже заполнены, я также хочу отправить форму одновременно, автоматически, без необходимости нажимать кнопку отправки. (но все равно покажите форму / раздел конечно)

Как это сделать? Кроме того, я также не хочу, чтобы меня перенаправляли в файл insert.php. Я просто хочу, чтобы div всплывал при запуске, одновременно отправлял форму и ничего не делал (пользователь может сам закрыть всплывающее окно при необходимости).

Надеюсь, вы, ребята, можете мне помочь!

С уважением, Maurice

Answer 1

Чтобы инициировать отправку, просто сделайте $("form").submit() везде, где вы хотите отправить. Чтобы избежать перехода к файлу insert.php, добавьте return false; в конце функции отправки.

Однако, чтобы это работало, вам нужно сделать ajax-пост.

например:.

$(function(){
    $("form").submit(function(){
        $.ajax({
        //ajax post logic
        });
        return false;
    });
});

Answer 2

Вы можете использовать $.submit http://jqapi.com/#p=submit