Cum să faci un apel AJAX într-un fișier de plugin WordPress

Folosește acțiunile Ajax integrate în WordPress:

Codul tău jQuery va arăta astfel:

$('#ajax_form').bind('submit', function() {
    var form = $('#ajax_form');
    var data = form.serialize();
    data.action = 'MyPlugin_GetVars'
    $.post('/wp-admin/admin-ajax.php', data, function(response) {
        alert(response);           
    });
return false; 

Codul plugin-ului tău va arăta cam așa:

add_action("wp_ajax_MyPlugin_GetVars", "MyPlugin_GetVars");
add_action("wp_ajax_nopriv_MyPlugin_GetVars", "MyPlugin_GetVars");

function MyPlugin_GetVars(){
    global $wpdb;
    // folosește $wpdb pentru inserarea datelor

    //Fă aici ce trebuie cu Ajax
    // Ai putea folosi include('/wp-content/plugins/test/getvars.php') dar ar fi mai bine
    // să eviți asta și să muți codul în această funcție
}

Pentru mai multe informații, vizitează AJAX în Plugin-uri

te rog să te uiți mai jos, poate te va ajuta. Aici este codul tău PHP.

<?php

function ajax_enqueuescripts() {
    wp_enqueue_script('ajaxloadpost', plugins_url().'/your-plugin-name/js/my-ajax.js', array('jquery'));
    wp_localize_script( 'ajaxloadpost', 'ajax_postajax', array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );
}

add_action('wp_enqueue_scripts', ajax_enqueuescripts);

add_action('wp_ajax_nopriv_ajax_ajaxhandler', 'my_action_callback' );
add_action('wp_ajax_ajax_ajaxhandler', 'my_action_callback' );

function my_action_callback(){  
    print_r($_GET);
    die;
}

Și aici este codul tău JS. Trebuie să creezi un nou fișier JS și să pui codul de mai jos în acest fișier.

jQuery(document).ready(function(){
 jQuery("#time_slot").change(function()
{

    var test= time_slot.value;

jQuery.ajax({
        type: 'GET',
        url: ajax_postajax.ajaxurl,
        data: {
            action: 'ajax_ajaxhandler',
            test : test   
        },
        success: function(data) {
            alert(data);
        },
        error: function(XMLHttpRequest, textStatus, errorThrown) {
            alert("Error");
        }
    });

    return false;
  });
});

Pentru mai multe detalii, poți verifica aici

Adaugă acest cod în pagina PHP a pluginului tău

add_action("wp_ajax_ajax_plugin_call", "ajax_plugin_call_callback"); 
add_action("wp_ajax_nopriv_ajax_plugin_call", "ajax_plugin_call_callback");

Funcția Ajax în pagina PHP

function ajax_plugin_call_callback() {
   global $wpdb;
   print_r($_POST); 
   // scrie aici codul tău PHP
   die();
}

Codul tău JavaScript ar trebui să arate astfel

jQuery(document).ready(function(){
  jQuery('#formID').bind('submit', function() { // Butonul de trimitere a formularului
      var form_value = jQuery('#formID'); 
      var form_data = form_value.serialize(); // Serializează formularul
      form_data['action'] = 'ajax_plugin_call'; // Acțiunea
      jQuery.post('<?php echo admin_url('admin-ajax.php'); ?>', form_data, function(response){
         // Aici vei primi răspunsul Ajax
       });
    }
 }); 

Verifică acest exemplu, te va ajuta să implementezi apeluri Ajax în WordPress prin intermediul unui plugin.

Mai întâi trebuie să încărci scriptul și să definești URL-ul. Apoi trebuie să creezi o funcție pentru callback-ul tău AJAX și să adaugi o acțiune WordPress care să o apeleze. Iată un videoclip în care explic procesul, sper să te ajute. :)

https://www.youtube.com/watch?v=R7OK-TtNuEc