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;
});