2013-01-22 78 views
0

我有一個簡單的「登錄」形式和阿賈克斯工作。但每當我在新標籤中加載新頁面,並加載「登錄」頁面時,我輸入用戶名和密碼,按「登錄」按鈕,出於某種原因頁面只是重新加載,但在重新加載頁面時,按鈕,阿賈克斯工作得很好。任何人都知道這是什麼意思?jQuery手機,登錄頁面重新加載需要阿賈克斯工作

下面是簡單的登錄表單:

 <form id="login_form" name="login_form" data-ajax="false"> 
      <label for="basic">Username:</label> 
      <input type="text" name="usr" id="usr" value=""/> 
      <label for="basic">Password:</label> 
      <input type="password" name="psw" id="psw" value=""/> 
      <input type="submit" value="Login" id="login" name="login"/> 
      <label><input type="checkbox" name="remember_me" id="remember_me" value="checked_remember"/>Remember me!</label> 
     </form> 
     <div id="login_message"></div> 

這裏是我的AJAX腳本:

$(document).ready(function(){ 
$("#login").click(function(){ 

username=$("#usr").val(); 
password=$("#psw").val(); 
$.ajax({ 
type: "POST", 
url: "http://imes.jzpersonal.com/php/login_check.php", 
data: "name="+username+"&pwd="+password, 
success: function(html){ 
if(html=='true') 
{ 
$("#login_message").html("Logged in, congratulation."); 
} 
else 
{ 
$("#login_message").html("Wrong username or password"); 
} 
}, 
beforeSend:function() 
{ 
$("#login_message").html("Loading...") 
} 
}); 
return false; 

}); });

而且我使用POST方法,但我仍然可以在這樣地址欄地址:

http://imes.**********.com/login_page.php?usr=Jakub&psw=********&login=Login 

這是一個jQueryMobile的事情嗎?

回答

2

之所以這樣,是你不能使用$(文件)。就緒(函數(){使用jQuery Mobile您應該使用:

$(document).on('pageinit'){ 

}); 

,或者如果你的頁面有一個ID,然後使用它像這樣的:

$('#page_id').on('pageinit'){ 

}); 

有關此問題的更多信息可以在這裏找到:http://jquerymobile.com/test/docs/api/events.html

閱讀這篇文章以瞭解更多有關此和jQM頁面事件:https://stackoverflow.com/a/14010308/1848600