jQuery mobile, перезагрузка страницы входа, необходимая для работы ajax

Question

У меня есть простая форма «входа» и работает ajax. Но каждый раз, когда я загружаю страницу только на новой вкладке, и загружается страница входа в систему, я вводим имя пользователя и пароль, нажимаю кнопку «Войти», и по какой-то причине страница просто перезагружается, но на перезагруженной странице, когда я нажимаю «login», button, ajax работает просто отлично. Кто-нибудь знает, что это значит?

Вот простая форма Логин:

 <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> 

А вот мой Аякса сценарий:

$(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 вещь?

Answer 1

Причина этого заключается в том, вы не можете использовать $ (документ) .ready (функция() { с JQuery Mobile Вы должны использовать:.

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

}); 

или если страница имеет идентификатор затем использовать его как это:

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

}); 

более подробную информацию об этой проблеме можно найти здесь: http://jquerymobile.com/test/docs/api/events.html

Прочитайте эту статью, чтобы узнать больше об этом и jQM: https://stackoverflow.com/a/14010308/1848600