jQuery Mobile - как отправить формы по URL-адресу и перейти на другую страницу внутри DOM?

Question

в мобильном примере jQuery. Страница, которая будет отображаться после отправки формы, совпадает со страницей, на которой форма будет отправлена ​​/ получена.

Можно ли отправить формы на URL-адрес и перейти на другую страницу внутри DOM?

Answer 1

Вы можете добавить обработчик события для события submit для формы и отправить форму вручную, а затем вручную перейти на любую нужную страницу.

$(function () {
    $('#form_id').bind('submit', function (e) {
        e.preventDefault();
        $.post('path/to/file.php', $(this).serialize(), function (response) {
            $.mobile.changePage('#page_to_goto', {transition: 'slide'});
        });
    });
});

Некоторые заметки:

• Возможно, вам придется отключить обработку формы AJAX, добавив data-ajax="false" к тегу формы.
• e.preventDefault() мешает отправке формы нормально, return false; в конце обработчика события должен сделать то же самое.
• $.post - http://api.jquery.com/jQuery.post/
• .serialize() - http://api.jquery.com/serialize/
• $.mobile.changePage() - http://jquerymobile.com/demos/1.0rc1/docs/api/methods.html