我正在尝试使用 AJAX 从 WordPress 插件中的 php 函数获取数据。我需要补充一点，这些钩子对我来说完全令人困惑......我正在使用来自 https://codex.wordpress.org/AJAX_in_Plugins 的示例，我对其进行了一些更改以在单击按钮时提醒一些数据。
在我的插件中：
function my_enqueue($hook) {
/**if( 'index.php' != $hook ) {
// Only applies to dashboard panel
return;
}*/
wp_enqueue_script( 'ajax-script', plugins_url( 'js/formAdd_.js', __FILE__ ), array('jquery') );
// in JavaScript, object properties are accessed as ajax_object.ajax_url, ajax_object.we_value
wp_localize_script( 'ajax-script', 'ajax_object',
array( 'ajax_url' => admin_url( 'admin-ajax.php' ) ); );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue' );
// Same handler function...
add_action( 'wp_ajax_my_action', 'my_action_callback' );
add_action( 'wp_ajax_nopriv_my_action', 'my_action_callback' );
function my_action_callback() {
global $wpdb;
$names = array();
while ( bp_group_members() ) : bp_group_the_member();
array_push($names, bp_group_member_name() );
endwhile;
echo json_encode($names);
die();
}
在我的js文件中：
jQuery(document).ready(function($) {
//ajax example
jQuery('.ajaxTrigger').live('click',function(){
var data = {
'action': 'my_action',
'whatever': ajax_object.we_value // We pass php values differently!
};
// We can also pass the url value separately from ajaxurl for front end AJAX implementations
jQuery.post(ajax_object.ajax_url, function(response) {
alert(response[0]);
});
});
按钮位于我的插件中的某处：
<button type="button" class="ajaxTrigger">Click Me!</button>
我不确定那里出了什么问题，从技术上讲，我应该能够通过简单的按钮单击来调用该函数，还是应该首先触发 php 函数？
控制台中的错误还显示 POST wp-admin/admin-ajax.php 500（内部服务器错误）
更新：
从 JavaScript 中删除了一些不必要的代码，并且存在警报，但它只警报 0，因此这意味着我认为 php 函数中的 while 循环没有返回正确的数组。
jQuery('.ajaxTrigger').live('click',function(){
// We can also pass the url value separately from ajaxurl for front end AJAX implementations
jQuery.post(ajax_object.ajax_url, function(response) {
alert(response[0]);
});
});
整个插件php代码
function my_plugin_init() {
require_once( dirname( __FILE__ ) . '/getGroupExt.php' );
/* If you have code that does not need BuddyPress to run, then add it here. */
if ( !defined( 'ABSPATH' ) ) exit;
wp_enqueue_script( 'ajax-script', plugins_url( 'js/formAdd_.js', __FILE__ ), array('jquery') );
// in JavaScript, object properties are accessed as ajax_object.ajax_url, ajax_object.we_value
wp_localize_script( 'ajax-script', 'ajax_object',
array( 'ajax_url' => admin_url( 'admin-ajax.php' )) );
}
add_action( 'wp_enqueue_scripts', 'my_enqueue' );
// Same handler function...
add_action( 'wp_ajax_my_action', 'my_action_callback' );
add_action( 'wp_ajax_nopriv_my_action', 'my_action_callback' );
function my_enqueue($hook) {
/**if( 'index.php' != $hook ) {
// Only applies to dashboard panel
return;
}*/
function my_action_callback() {
global $wpdb;
$names = array();
if ( bp_group_has_members( 'group_id='.bp_get_group_id().'&exclude_admins_mods=false' ) ) :
while ( bp_group_members() ) : bp_group_the_member();
//$name = bp_get_group_member_name();
$name = bp_group_member_name() ;
array_push($names, $name);
endwhile;
echo json_encode($names);
die();
endif;
}
/**
* The class_exists() check is recommended, to prevent problems during upgrade
* or when the Groups component is disabled
*/
if ( class_exists( 'BP_Group_Extension' ) ) :
class Group_Extension_Example_1 extends BP_Group_Extension {
/**
* Your __construct() method will contain configuration options for
* your extension, and will pass them to parent::init()
*/
function __construct() {
$args = array(
'slug' => 'group-extension-example-1',
'name' => 'Group Extension Example 1',
);
parent::init( $args );
}
//from ajax example
/**
* display() contains the markup that will be displayed on the main
* plugin tab
*/
function display() {
//if admin
$user_id=get_current_user_id();
$group_id = bp_get_group_id();
if (groups_is_user_admin( $user_id, $group_id )) {
echo 'There are no tasks! - Set your tasks for this group';
?>
<div class="input_fields_wrap">
<button class="add_field_button">Add Another Task</button>
<p><input type="text" name="mytext[]"></p>
<button type="button" class="ajaxTrigger">Click Me!</button>
<?php
$has_members_str = "group_id=" . $group_id;
if ( bp_group_has_members( $has_members_str ) )
: ?>
<select name ="member">
<?php while ( bp_group_members() ) : bp_group_the_member(); ?>
<option value="<?php bp_group_member_name() ?>"> <?php bp_group_member_name() ?> </option>
<?php endwhile; ?>
</select>
<?php else: ?>
<h2>you're not part of any groups.</h2>
<?php endif;?>
<input id="enddate" name="enddate" min="2014-12-01" max="2019-01-01" type="date">
</div> <br />
<?php
}
else {
echo "You're not an admin!";
}
}
/**
* settings_screen() is the catch-all method for displaying the content
* of the edit, create, and Dashboard admin panels
*/
function settings_screen( $group_id ) {
$setting = groups_get_groupmeta( $group_id, 'group_extension_example_1_setting' );
?>
Save your plugin setting here: <input type="text" name="group_extension_example_1_setting" value="<?php echo esc_attr( $setting ) ?>" />
<?php
}
/**
* settings_sceren_save() contains the catch-all logic for saving
* settings from the edit, create, and Dashboard admin panels
*/
function settings_screen_save( $group_id ) {
$setting = '';
if ( isset( $_POST['group_extension_example_1_setting'] ) ) {
$setting = $_POST['group_extension_example_1_setting'];
}
groups_update_groupmeta( $group_id, 'group_extension_example_1_setting', $setting );
}
}
bp_register_group_extension( 'Group_Extension_Example_1' );
endif; // if ( class_exists( 'BP_Group_Extension' ) )
}
add_action( 'bp_include', 'my_plugin_init' );
?>
提前致谢。
如果您想使用
ajax_object.we_valuewp_localize_script()add_action( 'wp_enqueue_scripts', 'my_enqueue' );
function my_enqueue()
{
wp_enqueue_script( 'ajax-script', plugins_url( 'js/formAdd_.js', __FILE__ ), array( 'jquery' ) );
wp_localize_script( 'ajax-script', 'ajax_object', array(
'ajax_url' => admin_url( 'admin-ajax.php' ),
'we_value' => 'test'
) );
}
在你的 JS 中，使用
ajax_object.we_valueadmin-ajax.phpwhateverjQuery(document).ready(function($) {
$('body').on('click', '.ajaxTrigger', function(){
$.ajax({
type: 'POST'
,dataType: 'json'
,url: ajax_object.ajax_url
,data: {
'action': 'my_action',
'whatever': ajax_object.we_value
}
,success: function(response) {
alert(response);
}
});
});
});
在 AJAX 回调中，捕获并使用
whateveradd_action( 'wp_ajax_my_action', 'my_action_callback' );
add_action( 'wp_ajax_nopriv_my_action', 'my_action_callback' );
function my_action_callback()
{
$names = array( $_POST['whatever'] . ' successful!' );
echo json_encode( $names );
exit;
}