2012-06-06 35 views
1

我想为我的PhoneGap应用程序构建一个简单的登录系统。我有一个用户给出用户名的表单,如果在MYSQL中有一个匹配的用户名,用户将被重定向到另一个页面。显示一条警报。该代码在firefox和chrome上运行得很好,但是当我尝试在Safari或PhoneGap应用程序上使用它时,它似乎不起作用。可能是什么原因?PhoneGap应用程序的简单登录系统

HTML

<form id="login-form" rel="external" data-ajax="false" > 

    <label for="number">Number:</label> 
    <br> 
    <input type='tel' name="number" id="number" data-corners="false" data-theme="d"/> 
    <br> 

    <label for="username">Username:</label> 
    <br> 

    <input name="username" id="username" data-corners="false" data-theme="d"/> 
    <br> 

<input type="submit" value="OK" data-theme="b" data-corners="false" /> 
</form> 

JS

$(function() {  
    $('#login-form').submit(function(event) { 
     event.preventDefault(); 

     $.post(serviceURL +'login.php', { 
      kayttaja: $('[name="username"]').val(), 
     }).success(function(data) { 
      if (data.status == 'ok') { 
       var input = document.getElementById("number"); 
       var user = document.getElementById("username"); 
       localStorage.setItem("number", input.value); 
       localStorage.setItem("username", user.value); 
       window.location.pathname = data.redirect; 
      } else { 
       alert(data.message); 
      } 
     }) 
    }) 
}) 
+0

你使用哪种手机版本?如果它的cordova然后检查你是否将服务器包含在' list – dhaval

+0

我正在使用cordova,并且已经设置了'' – user1323294

回答

1

你可以按照以下步骤使用创建简单的登录系统的PhoneGap/Apache Cordova的

  • 创建认证JSON基于Web的服务目的
  • 使用jQuery /角JS的连接与Web服务使用Ajax方法
  • 如果认证成功,使用JavaScript window.location.href="home.html"
  • 使用localStorage的用于存储身份验证重定向页面值

我从http://phonegappro.com/tutorials/phonegap-login-system-using-php-mysql/此信息

相关问题