我目前正在创建一个 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);
}
}
});
}
最佳答案
自从发布这篇文章以来,我实际上已经猜到了。基本上是:
$('#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");
}
无论如何都要感谢任何人。如果有人认为它有用,将保留它。
关于javascript - 在 jQuery Mobile 上加载 AJAX,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20401777/