Jquery Mobile - 獲取ajax結果問題

Question

嘗試使用jquery mobile做一個簡單的web應用程序。我把一個簡單的登錄表單放在一起，並顯示ajax結果。問題是我的ajax沒有得到結果，即使我警惕地看到URL是否有效。有什麼特別的我需要使用jQuery的手機嗎？

任何想法/答案非常感謝！

下面是HTML代碼：

<div data-role="page" id="login" data-theme="a" data-add-back-btn="true"> 
     <div data-role="header"> 
      <h2>Log in</h2> 
     </div> 
      <div data-role="content" data-theme="a" data-add-back-btn="true"> 
       <form action="mobilelogin.php" method="post"> 
        Email: <input type="text" name="email" id="useremail"> 
        Password: <input type="password" name="password" id="userpassword"> 
       <input type="submit" value="Enter"> 
       </form> 
       <div id="loginresult"></div> 
      </div> 
     <div data-role="footer"><h4>Chris Sherwood Design 2012</h4></div> 
    </div> 

js文件：

$(document).ready(function() { 

    $('form').submit(function() { 
    var emailchecker = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
    var email = $("#useremail").val(); 
    var userpassword = $("#userpassword").val(); 
    var checklength = userpassword.length; 

    if(email == ""){ 
    alert('Please fill in email field'); 
    return false; 
    }else if(userpassword == ""){ 
    alert('Please fill in password field'); 
    return false; 
    }else if((!emailchecker.test(email))){ 
    alert('Please use a valid email'); 
    return false; 
    }else if(checklength < 6 || checklength > 6){ 
    alert('Password must be six characters'); 
    return false; 
    }else{ 
    var datastring = $(this).serialize(); 
    alert(datastring); 
    return false; 
     $.ajax({ 
     type: "POST", 
     url: "mobilelogin.php", 
     data: datastring, 
     success: function(data){ 
     $("#loginresult").html(data); 
     } 
     }); 

    } 

    }); 

PHP

<?php 
echo 'nothing special here...'; 
?> 

Answer 1

從代碼：

return false; 
    $.ajax({ 
    type: "POST", 
    url: "mobilelogin.php", 
    data: datastring, 
    success: function(data){ 
    $("#loginresult").html(data); 
    } 
    }); 

您在ajax請求之前返回false。

編輯（假設這是一個簡單的錯誤，增加了更多的解釋）

您需要任何舉動，返回false;到下面的ajax（）調用，或使用事件對象像這樣：

$('form').submit(function(e) { 
    e.preventDefault(); 

剛剛使用返回false的問題;如果在它之前的某個東西有錯誤，它不會停止默認的操作。所以如果你的ajax請求錯誤，它將錯過返回false;並開始加載操作頁面。