Question

我目前正在创建一个jQuery Mobile应用程序。但是我正在通过Firefox测试页面，因为如果我要在iPad上进行操作，我将不得不继续重新安装应用程序。

这是我被卡住的地方，当我将AJAX添加到我的页面时，它工作得很好。我已经为登录添加了AJAX。但是，当我点击登录时，它确实会检查用户/传递数据库并返回错误，如果错误，我写了错误。

当我登录时，它应该将我重定向到第一页（page1.html），它确实将我带到了页面，但它没有加载JQM CSS，这是一个非常大的问题。这是因为它是一个应用程序，因此它通过标准的JQM主题纯粹是CSS。

这是我的AJAX，任何人都可以告诉我为什么不带回我的CSS而只是页面内容（文字/图片等）？

function doLogin()
  {

    var userName = document.forms['validateform'].elements['user-name'].value;
    var passWord = document.forms['validateform'].elements['password'].value;
    var request = 'checkLogin';

    $.ajax ({

                url:'http://127.0.0.1/hrdatabase/appLogin.php',
                cache:false,
                data: {'request': request,  'user-name': userName, 'password': passWord},
                dataType: 'json',
                async: false,
                success: function(data)
                {
                    $('#errMsg').html(data.errMsg);
                    if (jQuery.trim(data.errMsg).length ==0)
                    {
                        document.location.href='page1.html';
                    }
                    else
                      {
                        alert (data.errMsg);
                      }
                }

            });
  }

Answer 1

自从张贴这篇文章以来，我实际上已经把它搞砸了。基本上是：

$('#errMsg').html(data.errMsg);
                if (jQuery.trim(data.errMsg).length ==0)
                {
                    document.location.href='page1.html';
                }

此代码应为：

$('#errMsg').html(data.errMsg);
                if (jQuery.trim(data.errMsg).length ==0)
                {
                    $.mobile.changePage ("page1.html");
                }

无论如何，感谢任何人。如果有人发现它有用，请留下这个。

在jQuery Mobile上加载AJAX

1 个答案: