So hello I'm getting error 400. Here is my PHP and JS path to file is right. PHP

add_action("wp_enqueue_scripts", "js_enqueue_search");
function js_enqueue_search(){
    wp_register_script("search", get_stylesheet_directory_uri() . "/js/search.js", "", wp_get_theme()->get("Version"), true);
    wp_enqueue_script("search");
    wp_localize_script("search","search_x", array("ajaxurl" => admin_url("admin-ajax.php")));
}

add_action("wp_ajax_nopriv_search_data", "search_data");
add_action("wp_ajax_search_data", "search_data");
function search_data(){
    echo "test";
    wp_die();
}

JS

let ajax = new XMLHttpRequest();
ajax.open("GET", search_x.ajaxurl, true);
ajax.send();

ajax.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    console.log(this.ajax);
  }
};

So hello I'm getting error 400. Here is my PHP and JS path to file is right. PHP

add_action("wp_enqueue_scripts", "js_enqueue_search");
function js_enqueue_search(){
    wp_register_script("search", get_stylesheet_directory_uri() . "/js/search.js", "", wp_get_theme()->get("Version"), true);
    wp_enqueue_script("search");
    wp_localize_script("search","search_x", array("ajaxurl" => admin_url("admin-ajax.php")));
}

add_action("wp_ajax_nopriv_search_data", "search_data");
add_action("wp_ajax_search_data", "search_data");
function search_data(){
    echo "test";
    wp_die();
}

JS

let ajax = new XMLHttpRequest();
ajax.open("GET", search_x.ajaxurl, true);
ajax.send();

ajax.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    console.log(this.ajax);
  }
};

• php
• javascript

Share Improve this question asked Sep 1, 2019 at 19:36 mckvakmckvak 12333 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

i can't see the action parameter in your code

it should be:

let ajax = new XMLHttpRequest();
ajax.open("GET", search_x.ajaxurl + '?action=search_data', true);
ajax.send();

ajax.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    console.log(this.ajax);
  }
};

see this reference about action parameter https://codex.wordpress/AJAX_in_Plugins