WordPress: как вызвать функцию плагина с помощью ajax-вызова?

TheDeadMedic не совсем прав. WordPress имеет встроенные возможности AJAX. Отправьте свой запрос ajax в /wp-admin/admin-ajax.php, используя POST с аргументом «action»:

 jQuery(document).ready(function(){ jQuery(".foobar").bind("click", function() { jQuery(this).toggleClass('clicked'); jQuery.ajax({ type:'POST', data:{action:'my_unique_action'}, url: "http://mysite/wp-admin/admin-ajax.php", success: function(value) { jQuery(this).html(value); } }); }); }); 

Затем подключите его в плагине, как это, если вы хотите, чтобы он работал только для зарегистрированных пользователей:

 add_action('wp_ajax_my_unique_action',array($sample_plugin,'doAjax')); 

или подключить его так, чтобы работать только для не зарегистрированных пользователей:

 add_action('wp_ajax_nopriv_my_unique_action',array($sample_plugin,'doAjax')); 

Используйте оба варианта, если вы хотите, чтобы он работал для всех.

admin-ajax.php уже использует некоторые имена действий, поэтому убедитесь, что вы просматриваете файл и не используете одни и те же имена действий, иначе вы случайно попытаетесь сделать что-то вроде удаления комментариев и т. д.

РЕДАКТИРОВАТЬ

Извините, я не совсем понял вопрос. Я думал, вы спрашиваете, как выполнить запрос ajax. Во всяком случае, две вещи, которые я бы постарался:

Во-первых, ваша функция будет эхом только слова AJAX без тега. Затем попробуйте изменить свой вызов ajax, чтобы он имел как успех, так и полный обратный вызов:

 jQuery(document).ready(function(){ jQuery(".foobar").bind("click", function() { var val = ''; jQuery(this).toggleClass('clicked'); jQuery.ajax({ type:'POST', data:{action:'my_unique_action'}, url: "http://mysite/wp-admin/admin-ajax.php", success: function(value) { val = value; }, complete: function(){ jQuery(this).html(val); } }); }); }); 

Среда WordPress

Прежде всего, чтобы достичь этой задачи, рекомендуется зарегистрировать затем вставить сценарий jQuery, который будет вызывать запрос на сервер. Эти операции будут подключены в wp_enqueue_scripts action hook. В том же самом крюке вы должны поместить wp_localize_script чтобы он включал произвольный Javascript. Таким образом, в передней части будет доступен объект JS. Этот объект содержит правильный URL-адрес, который будет использоваться дескриптором jQuery.

Пожалуйста, взгляните на:

1. wp_register_script (); функция
2. wp_enqueue_scripts hook
3. wp_enqueue_script (); функция
4. wp_localize_script (); функция

Файл: functions.php 1/2

 add_action( 'wp_enqueue_scripts', 'so_enqueue_scripts' ); function so_enqueue_scripts(){ wp_register_script( 'ajaxHandle', get_template_directory() . 'PATH TO YOUR JS FILE', array(), false, true ); wp_enqueue_script( 'ajaxHandle' ); wp_localize_script( 'ajaxHandle', 'ajax_object', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) ); } 

Файл: jquery.ajax.js

Этот файл делает вызов ajax.

 jQuery(document).ready( function($){ //Some event will trigger the ajax call, you can push whatever data to the server, simply passing it to the "data" object in ajax call $.ajax({ url: ajax_object.ajaxurl, // this is the object instantiated in wp_localize_script function type: 'POST', data:{ action: 'myaction', // this is the function in your functions.php that will be triggered name: 'John', age: '38' }, success: function( data ){ //Do something with the result from server console.log( data ); } }); }); 

Файл: functions.php 2/2

Наконец, в вашем файле functions.php должна быть функция, вызванная вашим вызовом ajax. Помните суффиксы:

1. wp_ajax (разрешить функцию только для зарегистрированных пользователей или операций панели администратора)
2. wp_ajax_nopriv (разрешить функцию без привилегий)

Эти суффиксы плюс действие составляют название вашего действия:

wp_ajax_myaction или wp_ajax_nopriv_myaction

 add_action( 'wp_ajax_myaction', 'so_wp_ajax_function' ); add_action( 'wp_ajax_nopriv_myaction', 'so_wp_ajax_function' ); function so_wp_ajax_function(){ //DO whatever you want with data posted //To send back a response you have to echo the result! echo $_POST['name']; echo $_POST['age']; wp_die(); // ajax call must die to avoid trailing 0 in your response } 

Надеюсь, поможет!

Дайте мне знать, если что-то неясно.

Просто добавьте информацию. Если вы хотите получить объект из функции метода php class:

js-файл

 jQuery(document).ready(function(){ jQuery(".foobar").bind("click", function() { var data = { 'action': 'getAllOptionsByAjax', 'arg1': 'val1', 'arg2': $(this).val() }; jQuery.post( ajaxurl, data, function(response) { var jsonObj = JSON.parse( response ); }); }); 

файл php

 public static function getAllOptionsByAjax(){ global $wpdb; // Start query string $query_string = "SELECT * FROM wp_your_table WHERE col1='" . $_POST['arg1'] . "' AND col2 = '" . $_POST['arg2'] . "' "; // Return results $a_options = $wpdb->get_results( $query_string, ARRAY_A ); $f_options = array(); $f_options[null] = __( 'Please select an item', 'my_domain' ); foreach ($a_options as $option){ $f_options [$option['id']] = $option['name']; } $json = json_encode( $f_options ); echo $json; wp_die(); }