Как загрузить Ajax в Wordpress

Во-первых, вы должны внимательно прочитать эту страницу http://codex.wordpress.org/AJAX_in_Plugins

Во-вторых, ajax_script не определен, поэтому вы должны изменить на: url: ajaxurl. Я не вижу ваш function1() в приведенном выше коде, но вы уже можете определить его в другом файле.

И, наконец, узнайте, как отлаживать вызов ajax с помощью Firebug, вкладки в сети и консоли будут вашими друзьями. На стороне PHP print_r() или var_dump() будут вашими друзьями.

Используйте wp_localize_script и пропустите там URL:

wp_localize_script( some_handle, 'admin_url', array('ajax_url' => admin_url( 'admin-ajax.php' ) ) );

то внутри js вы можете вызвать его

admin_url.ajax_url 

Лично я предпочитаю делать ajax в wordpress так же, как и делать ajax на любом другом сайте. Я создаю процессорный php файл, который обрабатывает все мои запросы ajax и просто использует этот URL. Так вот, из-за htaccess не совсем возможно в wordpress, поэтому я делаю следующее.

1. в моем файле htaccess, который живет в моей папке wp-content, я добавляю это ниже того, что уже существует

<FilesMatch "forms?\.php$">
Order Allow,Deny
Allow from all
</FilesMatch>

В этом случае файл моего процессора называется forms.php - вы поместили бы это в свою папку wp-content/themes/themeName вместе со всеми вашими другими файлами, такими как header.php footer.php и т.д.... он просто живет в вашей теме.

2.) В моем коде ajax я могу использовать мой url, как этот

$.ajax({
    url:'/wp-content/themes/themeName/forms.php',
    data:({
        someVar: someValue
    }),
    type: 'POST'
});

очевидно, что вы можете добавить любые ваши вещи до, успеха или типа ошибки, которые вы хотели бы... но да, это (я считаю), более простой способ сделать это, потому что вы избегаете всей глупости, говорящей wordpress в 8 в разных местах, что произойдет, и это также позволит вам избежать других вещей, которые вы видите, когда люди делают, где они помещают js-код на уровне страницы, чтобы они могли окунуться в php, где я предпочитаю хранить файлы js отдельно.

Я думал, что, поскольку файл js уже загружен, мне не нужно было загружать/вставлять его снова в отдельную функцию add_ajax.
Но это должно быть необходимо, или я сделал это, и теперь он работает.

Надеюсь, это поможет кому-то другому.

Вот исправленный код вопроса:

// code to load jquery - working fine

// code to load javascript file - working fine

// ENABLE AJAX :
function add_ajax()
{
    wp_enqueue_script(
       'function',
       'http://host/blog/wp-content/themes/theme/js.js',
       array( 'jquery' ),
       '1.0',
       1
   );

   wp_localize_script(
      'function',
      'ajax_script',
      array( 'ajaxurl' => admin_url( 'admin-ajax.php' ) ) );
}

$dirName = get_stylesheet_directory();  // use this to get child theme dir
require_once ($dirName."/ajax.php");  

add_action("wp_ajax_nopriv_function1", "function1"); // function in ajax.php

add_action('template_redirect', 'add_ajax');