为什么这个Jquery登录代码行为不端?



我创建了一个要在应用程序中使用的登录 API,我正在 PC 浏览器上对其进行测试, 它正确验证登录凭据,但不会重定向到指定的 页面,它只显示成功消息。

这是我应该处理登录的jquery代码:

<script type="text/javascript">
jQuery(document).ready(function($) {
$("#login").click(function(e) {
$("#result").hide();
e.preventDefault();
var luser = $("#username").val();
var lpass = $("#password").val();
$.post("https://example.com/app/login-api.php", {luser:luser, lpass:lpass}, function(data) {
$("#result").show();
if(data == "successok") {
window.localStorage.setItem("username","luser");
window.location.href = "index2.html";
}
else
{
$("#result").html(data);    
}
});
return false;
});
});
</script> 

登录 API 在正确的输入上回显"successok",否则会显示错误消息。 根据上面的代码,我希望重定向到 index2.html,但我得到的是结果div 上显示的"successok"。

可能出了什么问题?

您希望通过 ajax 请求返回哪些数据? 是XML,JSON,脚本,文本, 还是 html?也许你可以试试这个?

$.post("https://example.com/app/login-api.php", {luser:luser, lpass:lpass}, 
function(data) {
$("#result").show();
if(data.trim() == "successok") {
window.localStorage.setItem("username","luser");
window.location.href = "index2.html";
}
else
{
$("#result").html(data);    
}
});
return false;
},'text');

最新更新