表单提交jQuery mobile

时间:2011-10-19 17:23:56

标签: coldfusion jquery-mobile

我已经知道移动应用程序不像html那样提交表单,所以我想我最好对Stackoverflow进行健全性检查。

例如,我没有< input type ="提交" ...>,而是看起来我现在应该使用< a data-role =" button" ...>

问:我可以继续使用< input type ="提交" ...>移动应用程序?

我问的原因是因为操作页面有一些逻辑,例如:

<cfif structKeyExists(form,"Save")>

2 个答案:

答案 0 :(得分:1)

jQuery Mobile,至少在撰写本文时,默认情况下使用在提交的表单上指定的方法通过AJAX提交表单。 POST提交仍然会在后台发布到服务器,因此ColdFusion仍会看到像往常一样传入的表单变量。生成响应时,jQuery Mobile将获取响应并将视图转换为返回的任何HTML。在我自己的测试中,您也可以继续使用普通的提交按钮。如果您想要标准提交而不是AJAX提交,请将data-ajax="false"添加到表单标记。

答案 1 :(得分:1)

如果要以编程方式提交表单,请将表单的data-ajax属性设置为false,然后为表单的submit事件设置事件处理程序:

<form data-ajax=false></form>

$(function () {
    $('form').bind('submit', function (event) {
        event.preventDefault();
        $.post('path/to/server.file', $(this).serialize(), function (data) {
            alert('Server Response: ' + data);
        });
    });
});