jQuery Mobile表单ajax发布不起作用？

Question

我目前正在创建一个简单的jQuery Mobile登录页面。 这是我的代码：

<div data-role="page"> 
    <div data-role="header"><h1>Header</h1></div>
    <?php

    if(isset($_POST['username']) && isset($_POST['password'])){
        die("hello");
    } 

    ?>
    <div data-role="content">
        <form method="post">
                <div data-role="fieldcontain">
                <label for="username">Username:</label>
                <input id="username" type="text" name="username" />
            </div>
            <div data-role="fieldcontain">
                <label for="password">Password:</label>
                <input id="password" type="password" name="password" />
            </div>
            <input type="submit" value="Sign In" data-inline="true" data-theme="b" />
        </form>
    </div>
    <div data-role="footer"><h4>Footer</h4></div>
</div>

每当我使用Firebug输入用户名和密码时，我都可以知道发送了正确的帖子，但是，通过ajax返回并加载到该页面的页面中没有die("hello") 。 这与我在其中输入登录信息的页面相同。

我使用jQuery Mobile的表单系统错了吗？

Answer 1

在对表单提交进行故障排除时，您可能需要考虑关闭Ajax。 自动实现JQuery Mobile中的表单提交的Ajax处理，以在表单和结果之间创建平滑过渡。 详细信息， 在这里 。 要提交不包含Ajax的表单，您可以全局禁用Ajax表单处理，也可以通过

data-ajax="false"

属性。 或者在全球范围内

$(document).bind("mobileinit", function () {
   $.mobile.ajaxEnabled = false;
});