我的第一个基本 wordpress 插件的问题

Question

我正在尝试创建我的第一个 worpress 插件！实际上，这个想法是当我点击按钮时，一个 ajax 请求被发送到 php 文件文件（ajax-process.php），它包含一个非常基本的代码，用于从数据库中提取一些数据，然后将其显示为警报或其他在我的主页。这是我的插件 floder（在 wordpress 插件文件夹中）DB-拉拔器：   - DB-Puller.php   - ajax-process.php和 js (js_file.js) + css (css_file.css) 文件夹。这里包含 DB-Puller.php<?php/** * Plugin Name: DB-Puller  * Plugin URI: https://my-web-site.com/ * Description: This is a my firt plugin, it(s allows to display data from database.  * Version: 0.1 * Author: Firest Last name * Author URI: https://my-web-site.com/ * License: GPL3 */function scripts_files_enqueue_scripts() {// Adding css file    wp_enqueue_style('css_file',plugins_url( 'css/css_file.css', __FILE__ ) );// Adding JS file    wp_enqueue_script( 'js_file', plugins_url( 'js/js_file.js', __FILE__ ), array('jquery'), '1.0', true );}add_action('wp_enqueue_scripts', 'scripts_files_enqueue_scripts');?>这包含 ajax-process.php注意：数据库表非常基本，它只包含 id + text 列<?phpfunction my_ajax_action_callback(){   if (isset($_POST['req']))        {            global $wpdb;            $quer = $wpdb->get_results( "SELECT * FROM wp_custom_table_1" );             $arr = $quer[0]->text;            echo $arr;            die();        }    wp_die(); // required. to end AJAX request.}什么包含js文件jQuery(function($){    $('body').prepend('<button class="btn" type="button">PULL DATA</button>');    $('button.btn').on('click', function()                  {        $.ajax({            url:'http://127.0.0.1/wp522/wp-content/plugins/DB-Puller/ajax-process.php',            method:'POST',            data:{                  req:'',                  action:'my_ajax_action',                  },            success:function(data)            {                alert(data);            },            error:function()            {                alert(erooor);            }        })    })})警报发送为空！请帮我检测问题出在哪里！谢谢你。

Answer 1

查看代码，它似乎不像 Wordpress 做这种事情的方式。

首先，您需要将您ajax-process.php的插件包含在主文件中，例如：

require_once plugin_dir_path(__FILE__) . '/ajax-process.php';

其次，你需要像这样注册你的ajax回调：

add_action('wp_ajax_my_ajax_action', 'my_ajax_function');

add_action('wp_ajax_no_priv_my_ajax_action', 'my_ajax_function');

然后在其中注册 ajaxUrl，scripts_files_enqueue_scripts()以便可以从您的 javascript 访问它。该admin-ajax.php文件处理所有 ajax 请求：

wp_localize_script(

   'js_file',

   'ajax',

    array(

      'ajaxUrl' => admin_url('admin-ajax.php'),

    )

);

然后在您的 javascript 中，您需要使用ajaxUrl并指定 ，action这将告诉 Wordpress 应触发哪个回调：

jQuery(function($) {

  $('body').prepend('<button class="btn" type="button">PULL DATA</button>');

  $('button.btn').on('click', function() {

    $.post({

        url: ajax.ajaxUrl,

        data: {

          req: '',

          action: 'my_ajax_action',

        },

        success: function(data) {

          alert(data);

        },

        error: function() {

          alert('error');   

        }

    });

});

这是一篇很好的文章AJAX in Plugins，解释了如何在插件中使用ajax。