jQuery.post обновляет мою страницу? - PullRequest
2 голосов
/ 23 сентября 2011

У меня есть следующий код с формой на моей странице.Но когда я нажимал кнопку «Отправить», казалось, что моя страница обновляется.

форма:

<form action='#' method='post'>
    <div><input type='text' name='name' /></div>
    <div><input type='submit' value='Save' /></div>
</form>

JS:

<script type='text/javascript'>
    $(document).ready(function() {
        $('form').bind('submit',function() {
            var str = $('form').serialize();

            $.post("save.php", { formString: str }, 
                function(data) {
                    alert("Saved: " + data);
                }
            );

        });
    });
</script>

Большое спасибо за любую помощь!

1 Ответ

7 голосов
/ 23 сентября 2011

установите

return false;

для вашей формы (например, на onSubmit).Ваша форма отправляется как jQuery ($ .post), так и самой страницей, потому что вы не прекращаете это делать.Другой вариант (работает так же) - разрешить jquery-части отключить поведение вашей формы по умолчанию:

//your code
$('form').bind('submit',function() {
   // more of your code
   return false;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...