php - WP 管理员 ajax 返回 404
问题描述
我想创建自定义登录页面。我对 ajax-admin php 有一些问题。当我发送登录数据时,我得到响应 0 和 404 错误。此外,当我尝试获取成功响应数据时,同样给出 null。我的错在哪里?
授权成功后我的主要任务被重定向到主页,如果授权不成功给出错误文本
登录.php
<form id="login" action="login" method="post" >
<p class="status"></p>
<div class="form-group">
<label>Email</label>
<input class="form-control required" id="logusername" type="email" name="logusername">
</div>
<div class="form-group">
<label>Password</label>
<input class="form-control required" id="logpassword" type="password" name="logpassword" >
</div>
<a class="forgot-pass" href="<?php echo wp_lostpassword_url(); ?>">Forgot Password</a>
<div class="d-flex justify-content-center mt-3">
<input type="submit" class="btn btn-success submit_button" value="Login">
<?php wp_nonce_field( 'ajax-login-nonce', 'security' ); ?>
</div>
</form>
ajax-login-script.js
jQuery(document).ready(function($) {
$('form#login').on('submit', function(e){
$('form#login p.status').show().text(ajax_login_object.loadingmessage);
$.ajax({
type: 'POST',
dataType: 'json',
url: ajax_login_object.ajaxurl,
data: {
'action': 'ajax_login',
'username': $('form#login #logusername').val(),
'password': $('form#login #logpassword').val(),
'security': $('form#login #security').val() },
success: function(data){
console.log(data); // null
$('form#login p.status').text(data.message);
if (data.loggedin == true){
document.location.href = ajax_login_object.redirecturl;
} else {
console.log(false);
}
}
});
e.preventDefault();
});
});
函数.php
function ajax_login_init(){
wp_register_script('ajax-login-script', get_template_directory_uri() . '/ajax-login-script.js', array('jquery'), time() );
wp_enqueue_script('ajax-login-script');
wp_localize_script( 'ajax-login-script', 'ajax_login_object', array(
'ajaxurl' => admin_url( 'admin-ajax.php' ),
'redirecturl' => home_url(),
'loadingmessage' => __('Sending user info, please wait...!')
));
add_action( 'wp_ajax_nopriv_ajaxlogin', 'ajax_login' );
}
if (!is_user_logged_in()) {
add_action('init', 'ajax_login_init');
}
function ajax_login(){
check_ajax_referer( 'ajax-login-nonce', 'security' );
$info = array();
$info['user_login'] = $_POST['username'];
$info['user_password'] = $_POST['password'];
$info['remember'] = true;
$user_signon = wp_signon( $info, false );
if ( !is_wp_error($user_signon) ){
wp_set_current_user($user_signon->ID);
wp_set_auth_cookie($user_signon->ID);
echo json_encode(array('loggedin'=>true, 'message'=>__('Login successful, redirecting...')));
}
die();
}
解决方案
您必须在之后传递正确的钩子名称,钩子必须以您通过 jQuery 请求传递的动作名称结尾。wp_ajax_nopriv_{action_name} 所以请先更正它。
add_action( 'wp_ajax_nopriv_ajax_login', 'ajax_login' );
将此操作放在函数之外,并在钩子回调函数中执行您的登录条件。
function ajax_login(){
if (!is_user_logged_in()) { // It's not necessary it should be based on your requirement
// Your code goes here.
}
}
推荐阅读
- sinatra - 在 Team City 中托管 Sinatra 网站
- mysql - 使用 EFCore 在多个表中选择
- css - 个性化 Salient 上的密码保护页面(Wordpress 主题)
- angular - 角度2中从父母到孩子的动态面包屑
- python - Django 不会使用 MySQL 数据库进行迁移
- php - 使用 PHP 和 MySQL 计算链接上的总点击次数和唯一点击次数
- php - 爆炸分隔符阵列
- android - Firebase 通知未显示
- javascript - 如何将 jQuery AJAX 代码转换为原生 JavaScript?
- tsql - 使用 IF 语句更新 SQL Server