在WordPress插件中点击按钮时调用AJAX函数
我试图使用AJAX从WordPress插件中的PHP函数中获取数据。我需要补充一点,这些钩子对我来说是完全令人困惑的......我正在玩https://codex.wordpress.org/AJAX_in_Plugins的示例,我稍微改了一下以提醒点击按钮上的某些数据。在WordPress插件中点击按钮时调用AJAX函数
在我的插件:
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>
我不知道发生的事情在技术上,我应该可以通过简单的按钮点击来调用该函数,或者是应该触发fir的php函数ST?
此外,在控制台中的错误表示POST可湿性粉剂管理员/管理员-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_value
,你必须创建一个变量,wp_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_value
并邮寄到admin-ajax.php
作为whatever
jQuery(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回调,捕获并使用whatever
值,并将回复发送回去:
add_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;
}
嘿谢谢你的回复,但我不需要通过AJAX将变量传递给php,所以我更新了代码,但警报显示'0'而不是名称,我认为这是因为while循环使用buddypress函数,但一切都是放在if(class_exists('BP_Group_Extension'))之前:?但是,当我把它放在那里,然后我无法加载wordpress,所以我不知道如何解决它。我会在一分钟内用完整的代码更新我的文章。 – user3623523 2014-12-05 20:37:55
我对BP并不是很熟悉,但我猜像'bp_get_group_id()'这样的函数在admin/AJAX上下文中不会返回正确的值。所以我想你必须使用'wp_localize_script()'和JS中的数据选项将这些值传递给AJAX回调。 – diggy 2014-12-05 20:50:48
不,我刚在这里贴了一段脚本。你什么意思不包括在内?在我的插件? wp_enqueue_script('ajax-script',plugins_url('js/formAdd_.js',__FILE__),array('jquery'));这不应该包括它吗? – user3623523 2014-12-05 17:39:03
看看这个例子https://*.com/questions/16910451/wordpress-plugin-development-ajax-url-not-working – Demodave 2014-12-05 17:48:46
是的,这基本上是我发布的链接的例子。我只是改变它,所以它不适用于后端的管理员。我做错的一件事是通过AJAX将变量传递给php,而在这里我只需要一个响应,仍然在控制台中出现错误。我要更新我的代码。 – user3623523 2014-12-05 18:00:26