提交按钮在phonegap中不起作用

时间:2016-05-27 16:48:09

标签: jquery-mobile phonegap-build phonegap-desktop-app

我为登录页面编写了代码,当我在桌面上使用phonegap桌面运行时,它工作得很好,但是当我使用phonegap构建时,当我尝试在手机中打开时,提交按钮不起作用。这是我的代码:

<script>
$(document).ready(function(){
});
function btnclick(){
debugger;
$.ajax({ 
type:"GET",
url: url/"+$('#useName').val()+"/"+$('#Password').val(),
contentType: "application/javascript",
jsonpCallback: "Login",
dataType: "jsonp", //Expected data format from server
});     
}
function Login(data)     
{
if(data==true)
{
window.location.assign("home.html");
}
else{
$('#error').show();
}
}
</script>
</html>

并提供输入:

<form>
<input id="useName" type="text" placeholder="E-mail address" />
<input id="Password" type="password" placeholder="Password"  />
<input type="submit" value="submit" id="btnclick" onclick="btnclick()" />
</form>

1 个答案:

答案 0 :(得分:0)

我唯一可以想到的是导致麻烦的是导航外部资源所需的白名单配置。

你应该在config.xml上添加如下内容:

<access origin = "*" />
<allow-navigation href="http://*/*" />

您可以修改它们以满足您的需求,但请尝试全局访问以确认这是您的问题。

还要添加cordova白名单插件

<gap:plugin name="cordova-plugin-whitelist" source="npm"  version="1.0.0"/>