除非我刷新或使用location.href,为什么ajax不起作用?

时间:2013-10-30 03:15:11

标签: javascript jquery ajax cordova html-lists

我正在开发一个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>打开登录页面时,一切运行良好。

那是什么原因造成的?如何修改这段代码以使其更好?

1 个答案:

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

希望能帮到你。