我正在开发一个html项目,最终将由Phonegap打包。所以我试图将数据从html格式编码为JSON格式,然后使用ajax发送到驻留在服务器上的php文件,并接收响应以执行其他操作。
现在我在index.html中使用<a href='login.html'>
来打开登录页面。在我的登录页面中,我有这个
<script>
$(document).ready(function(e) {
$('#loginform').submit(function(){
var jData = { "email": $('#emailLogin').val(), "password": $('#Password').val()};
$.ajax({
url: 'PHP/login.php',
type:'POST',
data: jData,
dataType: 'json',
async: false,
error: function(xhr,status){
//reload();
location.href='index.html';
alert('Wrong email and password');
},
success: function(data){
if(data[1] == 1){
var Id_user = data[0];
location.href='loginSuccess.html';
}
}
});
});
});
</script>
将我的数据发送到服务器。但是我发现它不起作用,它仍然在登录页面中。我试图输入数据并再次提交,但它仍然没有发生。在我刷新登录页面并再次输入数据之前,它可以给出错误消息或转到loginsuccess页面。但是,当我使用<script>
function loadLogin(){
location.href='login.html';
} </script>
打开登录页面时,一切运行良好。
那是什么原因造成的?如何修改这段代码以使其更好?
答案 0 :(得分:1)
您使用的是jquery mobile吗?
我遇到了同样的问题。
jQuery mobile有一个全局配置选项:ajaxEnabled,默认值为true。
它会自动处理链接点击并通过Ajax表单提交。
我认为您可以设置false以将网址加载为常规http请求。
<script src="jquery.js"></script>
<script>
$(document).bind('mobileinit', function() {
$.extend($.mobile, {
ajaxEnabled: false
});
});
</script>
<script src="jquery-mobile.js"></script>
希望能帮到你。