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> 

私は放火犯を使用して、ユーザー名とパスワードを入力するたびに、私は正しいポストが送られたことを伝えることができ、しかし、ページにロードするために、AJAXを通じて返されるページはありません。その中のdie("hello")それは私がログイン情報を入力したのと同じページです。

私はjQuery Mobileのフォームシステムを間違って使用していますか？

Answer 1

フォーム送信のトラブルシューティング中に、Ajaxを無効にすることをお勧めします。 JQuery Mobile内のフォーム送信のAjax処理は、フォームと結果の間のスムーズな移行を作成するために自動的に実装されます。詳細、here。 Ajaxを使用せずにフォームを送信するには、

data-ajax="false" 

属性を使用して、Ajaxフォーム処理をグローバルに無効にするか、フォームごとに無効にするかのいずれかを選択できます。または、全世界で

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