当前位置：文江博客话题详情

jQuery Mobile - 如何将表单提交到 URL 并转换到 DOM 内的另一个页面？

发布于 2024-12-09 04:35:57 字数 102 浏览 0 评论 0原文

在 jQuery 移动示例中。提交表单后显示的页面与表单将被 POST-ing/GET-ing 的页面相同。

是否可以将表单提交到 URL 并转移到 DOM 内的另一个页面？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

红尘作伴 2024-12-16 04:35:57

您可以为表单的 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'});
        });
    });
});

一些注意事项：

您可能需要通过向表单标记添加 data-ajax="false" 来关闭表单的 AJAX 处理。
e.preventDefault() 阻止表单正常提交，事件处理程序末尾的 return false; 应该做同样的事情。
$.post - http://api.jquery.com/jQuery.post /
.serialize() - http://api.jquery.com /序列化/
$.mobile.changePage() - http:// /jquerymobile.com/demos/1.0rc1/docs/api/methods.html

You can add an event handler for the submit event for the form and submit the form manually, then manually transition to whatever page you want.

$(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'});
        });
    });
});

Some Notes:

You may need to turn-off AJAX handling of the form by adding data-ajax="false" to the form tag.
e.preventDefault() stops the form from submitting normally, a return false; at the end of the event handler should do the same thing.
$.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