如果你想在你的主题中手工编写解决方案,而不是使用插件,你应该试试这个。
$(\'#signin-form input[type="image"]\').click(function(q){
q.preventDefault();
var inputData = $(\'#signin-form form\').serialize();
var loginUrl = $(\'#signin-form form\').attr(\'action\');
var homeUrl = $(\'#signin-form input[name="redirect_to"]\').attr(\'value\');
$.ajax({
type: "POST",
url: loginUrl,
data: inputData,
success: function(msg){
testData = $(\'#login-status\',msg).html();
if(testData == \'success\'){
window.location = homeUrl;
} else {
$(\'#signin-form .error\').show(); // show error notification here
}
}
});
});
首先,该函数阻止原始登录表单提交(非ajax登录),并将其替换为ajax请求。
如果提供的用户名和密码匹配,那么我们应该被重定向到某个“登录页面”。否则,我们将重定向到wp管理员/登录。php
成功后,函数将检查“登录页面”上是否有“登录状态”div,其内容为“成功”。如果我们这样做,我们所要做的就是重定向当前位置。如果没有,只显示错误通知。
希望这有帮助。