javascript - 在 jQuery Mobile 上加载 AJAX

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");
                }

无论如何都要感谢任何人。如果有人认为它有用，将保留它。