0

我正在开发一个 html 项目，最终将由 Phonegap 打包。因此，我尝试将数据从 html 表单编码为 JSON 格式，然后使用 ajax 发送到驻留在服务器上的 php 文件，并接收响应以执行其他操作。

现在我<a href='login.html'>在我的 index.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>

将我的数据发送到服务器。但是我发现它不起作用，它仍然在登录页面中。我尝试输入数据并再次提交，仍然没有任何反应。直到我刷新登录页面并再次输入数据，它可以给出错误消息或进入登录成功页面。但是，当我使用<script> function loadLogin(){ location.href='login.html'; } </script>打开登录页面时，一切正常。

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

4

1 回答 1

1

你用的是jquery mobile吗？</p>

我遇到了同样的问题。

jQuery mobile 有一个全局配置选项：ajaxEnabled，默认值为true。

它将通过 Ajax 自动处理链接点击和表单提交。

我认为您可以设置 false 以将 url 作为常规 http 请求加载。

<script src="jquery.js"></script>
<script>
    $(document).bind('mobileinit', function() {
        $.extend($.mobile, {
            ajaxEnabled: false
        });
    });
</script>
<script src="jquery-mobile.js"></script>

希望能帮到你。

于 2013-10-30T05:27:00.200 回答