php - 如何使用 AJAX 将 JS 用户输入传递给 Wordpress 子主题 functions.php 中的函数？

Question

我需要将 msearch.js 中的 var search_value 中的数据传递给子主题 functions.php 文件中名为 $woot 的 php 变量，以便它可以作为 wtfwoot() 的返回值，从而用于其他函数。我知道我很接近，但我错过了一些重要的事情。

我已经尝试过使用“echo”和 wp_die() 的其他建议，但包含这些的解决方案不起作用。我也在 AJAX 数组中尝试了 dataType: 'json' ，但我不确定我是否在 wtfwoot() 函数中正确解码了它。

//Wordpress Hooks（在靠近顶部的子主题functions.php文件中）：

add_action( 'wp_enqueue_scripts', 'mSearch' );

function mSearch() {
        wp_enqueue_script( 'msearchjs', get_stylesheet_directory_uri() . '/msearch.js', array( 'jquery' ),'',true );
        wp_localize_script('msearchjs', 'sAjax', array(
            'ajaxurl' => admin_url('admin-ajax.php')
        ));
}

add_action( 'wp_ajax_wtfwoot', 'wtfwoot' );
add_action( 'wp_ajax_nopriv_wtfwoot', 'wtfwoot' );

//HTML（前端 Wordpress 页面）：

<form id="srch" method="post" enctype="multipart/form-data" action="msearch.js">

<input class="membersearch" placeholder="Search" id="membersearch" type="text" name="smemb">

<input class="searchsubmit" type="submit"  value="SUBMIT"></form>

//JS/AJAX 文件名为 msearch.js（与子主题 functions.php 在同一目录中）：

function msearchjs(e) {

    var nack = 'NO';
    var search_value = $('#membersearch').val();
    var url = sAjax.ajaxurl;

    if(search_value == '') {

        console.log(nack);

    } else {

        $.ajax ({
            type: 'POST',
            url: sAjax.ajaxurl,
            data: {
                'action': 'wtfwoot',
                'svalue': search_value
            },
            success: function(data) {
                console.log(data);
            },
            error: function() {
                console.log('ERROR');
            }

        });
}
e.preventDefault();

};

$(document).submit( '#srch', msearchjs);

//PHP 函数（在与钩子相同的子主题functions.php 文件中，但靠近底部）：

function wtfwoot() {

    if (isset($_POST)) {

        $woot = $_POST;

        var_dump($woot);

    } else {

        return 'Not working!';

    }
}

输入数据未传递给 PHP 函数。wtfwoot() 中的 var_dump 返回 array(0) { }。

Console.log(data) 显示：

数组（2）{[“动作”]=>字符串（7）“wtfwoot”[“svalue”]=>字符串（6）“达拉斯”}0

管理员-AJAX.PHP：

<?php
/**
 * WordPress Ajax Process Execution
 *
 * @package WordPress
 * @subpackage Administration
 *
 * @link https://codex.wordpress.org/AJAX_in_Plugins
 */

/**
 * Executing Ajax process.
 *
 * @since 2.1.0
 */
    define( 'DOING_AJAX', true );
    if ( ! defined( 'WP_ADMIN' ) ) {
    define( 'WP_ADMIN', true );
}

/** Load WordPress Bootstrap */
require_once( dirname( dirname( __FILE__ ) ) . '/wp-load.php' );

/** Allow for cross-domain requests (from the front end). */
send_origin_headers();

// Require an action parameter
if ( empty( $_REQUEST['action'] ) ) {
    wp_die( '0', 400 );
}

/** Load WordPress Administration APIs */
require_once( ABSPATH . 'wp-admin/includes/admin.php' );

/** Load Ajax Handlers for WordPress Core */
require_once( ABSPATH . 'wp-admin/includes/ajax-actions.php' );

@header( 'Content-Type: text/html; charset=' . get_option( 'blog_charset' ) );
@header( 'X-Robots-Tag: noindex' );

send_nosniff_header();
nocache_headers();

/** This action is documented in wp-admin/admin.php */
do_action( 'admin_init' );

$core_actions_get = array(
'fetch-list',
'ajax-tag-search',
'wp-compression-test',
'imgedit-preview',
'oembed-cache',
'autocomplete-user',
'dashboard-widgets',
'logged-in',
);

$core_actions_post = array(
'oembed-cache',
'image-editor',
'delete-comment',
'delete-tag',
'delete-link',
'delete-meta',
'delete-post',
'trash-post',
'untrash-post',
'delete-page',
'dim-comment',
'add-link-category',
'add-tag',
'get-tagcloud',
'get-comments',
'replyto-comment',
'edit-comment',
'add-menu-item',
'add-meta',
'add-user',
'closed-postboxes',
'hidden-columns',
'update-welcome-panel',
'menu-get-metabox',
'wp-link-ajax',
'menu-locations-save',
'menu-quick-search',
'meta-box-order',
'get-permalink',
'sample-permalink',
'inline-save',
'inline-save-tax',
'find_posts',
'widgets-order',
'save-widget',
'delete-inactive-widgets',
'set-post-thumbnail',
'date_format',
'time_format',
'wp-remove-post-lock',
'dismiss-wp-pointer',
'upload-attachment',
'get-attachment',
'query-attachments',
'save-attachment',
'save-attachment-compat',
'send-link-to-editor',
'send-attachment-to-editor',
'save-attachment-order',
'heartbeat',
'get-revision-diffs',
'save-user-color-scheme',
'update-widget',
'query-themes',
'parse-embed',
'set-attachment-thumbnail',
'parse-media-shortcode',
'destroy-sessions',
'install-plugin',
'update-plugin',
'crop-image',
'generate-password',
'save-wporg-username',
'delete-plugin',
'search-plugins',
'search-install-plugins',
'activate-plugin',
'update-theme',
'delete-theme',
'install-theme',
'get-post-thumbnail-html',
'get-community-events',
'edit-theme-plugin-file',
'wp-privacy-export-personal-data',
'wp-privacy-erase-personal-data',
'health-check-site-status-result',
'health-check-dotorg-communication',
'health-check-is-in-debug-mode',
'health-check-background-updates',
'health-check-loopback-requests',
'health-check-get-sizes',
);

// Deprecated
$core_actions_post_deprecated = array( 'wp-fullscreen-save-post', 'press-this-save-post', 'press-this-add-category' );
$core_actions_post            = array_merge( $core_actions_post, 
$core_actions_post_deprecated );

// Register core Ajax calls.
if ( ! empty( $_GET['action'] ) && in_array( $_GET['action'], $core_actions_get ) ) {
    add_action( 'wp_ajax_' . $_GET['action'], 'wp_ajax_' . str_replace( '-', '_', $_GET['action'] ), 1 );
}

if ( ! empty( $_POST['action'] ) && in_array( $_POST['action'], 
$core_actions_post ) ) {
add_action( 'wp_ajax_' . $_POST['action'], 'wp_ajax_' . str_replace( '-', '_', $_POST['action'] ), 1 );
}

add_action( 'wp_ajax_nopriv_heartbeat', 'wp_ajax_nopriv_heartbeat', 1 );

$action = ( isset( $_REQUEST['action'] ) ) ? $_REQUEST['action'] : '';

if ( is_user_logged_in() ) {
    // If no action is registered, return a Bad Request response.
    if ( ! has_action( "wp_ajax_{$action}" ) ) {
        wp_die( '0', 400 );
    }

/**
 * Fires authenticated Ajax actions for logged-in users.
 *
 * The dynamic portion of the hook name, `$action`, refers
 * to the name of the Ajax action callback being fired.
 *
 * @since 2.1.0
 */
    do_action( "wp_ajax_{$action}" );
} else {
// If no action is registered, return a Bad Request response.
    if ( ! has_action( "wp_ajax_nopriv_{$action}" ) ) {
        wp_die( '0', 400 );
    }

    /**
     * Fires non-authenticated Ajax actions for logged-out users.
     *
     * The dynamic portion of the hook name, `$action`, refers
     * to the name of the Ajax action callback being fired.
     *
     * @since 2.8.0
     */
    do_action( "wp_ajax_nopriv_{$action}" );
}
// Default status
wp_die( '0' );

标签： phpjqueryajaxwordpress

Answer 1

看起来您已经知道如何接收 POST 请求。为了发回响应，这一切都取决于所需的格式。我会推荐JSON。试试这个。

$.ajax({
  type: 'POST',
  dataType: 'json',
  url: sAjax.ajaxurl,
  data: {
    'action': 'wtfwoot',
    'svalue': search_value
  },
  success: function(data) {
    console.log(data);
  },
  error: function() {
    console.log('ERROR');
  }
});

// you may need to pass $_POST as an argument here
function wtfwoot() {
  if (isset($_POST['svalue'])) {
    // you need to validate & sanitize the $_POST values here
    $woot = $_POST;
    // process $_POST and return what you need
    return json_encode($woot);
  } else {
    return json_encode(['error' => "POST was empty!"]);
  }
}