How To Use AJAX In WordPress in Three Simple Steps

Step 1:
First we need to Add JQuery Script And Need to Initial Ajax Variable Global as shown below

add_action( 'init', 'ajax_script_enqueuer' );
function ajax_script_enqueuer() {
   wp_register_script( "ajax_script", WP_PLUGIN_URL.'/your_plugin/script.js', array('jquery') );
   wp_localize_script( 'ajax_script', 'ajaxuse', array( 'ajaxurl' => admin_url( 'admin-ajax.php' )));        
   wp_enqueue_script( 'jquery' );
   wp_enqueue_script( 'ajax_script' );

Step 2:

Second we need to Handle the Ajax Request this can be using Post and Get Hooks in WordPress as shown below

add_action("wp_ajax_ajax_response", "ajax_response"); //Login 
add_action("wp_ajax_nopriv_ajax_response", "ajax_response"); //not login
function ajax_response() {
  $result = "welcome to Wpdadd Ajax";
    $result = json_encode($result);
      echo $result;

Step 3:
Finally we need to Trigger Ajax as shown below

         type : "post",
         dataType : "json",
         url : ajaxuse.ajaxurl,
         data : {action: "ajax_response"},
         success: function(response) {
         },error: function(XMLHttpRequest, textStatus, errorThrown) { 
         alert("Status: " + textStatus); alert("Error: " + errorThrown); 

Add a Comment

Your email address will not be published. Required fields are marked *

5 + one =