PHP Lang
  1. PHP Lang
  3. Использование AJAX в плагине WordPress
Intereting Posts
Сохранение выделения Специальные символы php mail utf8 PHP Добавление 2 десятичных чисел (деньги) дает неверные результаты в общей сумме Добавить время, измененное в filename с PHP и .htaccess, чтобы принудительно использовать новое кэширование Получить перенаправление адреса URL-адреса PHP – лучшая практика для передачи переменных для включения файлов Разбить и Создать новый <ul> после 10 значений из цикла foreach php php shared db connection (справка по шаблону проекта) Как я могу делить запятые и периоды из строки? embed from symfony 2.3.8 – Нуль, если allow_add истинно Выбирайте продукты по нескольким атрибутам, используя AND вместо OR, конкатенатор, модель данных EAV Правильное экранирование полей и параметров запроса при использовании PDO Laravel logical – конвертировать цену, поэтому на frontend у меня всегда значение chf Как переписать SEO дружественный url как stackoverflow Каковы причины различных форм фигурных скобок?

Использование AJAX в плагине WordPress

Я пытаюсь создать плагин WordPress, основанный на AJAX. Я прочитал учебник и сделал плагин, но он не работает. Я новичок в AJAX. Вот код, который я пробовал: 

<?php class ajaxtest { function ajaxcontact() { ?> <div id="feedback"></div> <form name="myform" id="myform"> <li> <label for fname>First Name</label><input type="text" id="fname" name="fname" value=""/> </li> <li> <label for lname>Last Name</label><input type="text" id="lname" name="lname" value=""/> </li> <input type="submit" value="Submit" id="submit" name="submit"/> </form> <script type="text/javascript"> jQuery('#submit').submit(ajaxSubmit); function ajaxSubmit() { var newcontact = jQuery(this).serialize(); jQuery.ajax({ type: "POST", url: "/wp-admin/admin-ajax.php", data: newcontact, success: function(data) { jQuery("#feedback").html(data); } }); return false; } </script> <?php } function addcontact() { $fname = $_POST['fname']; if ($fname != "") { echo "Your Data is" . $fname; } else { echo "Data you Entered is wrong"; } die(); } } function jquery_add_to_contact() { wp_enqueue_script('jquery'); // Enqueue jQuery that's already built into WordPress } add_action('wp_enqueue_scripts', 'jquery_add_to_contact'); add_action('wp_ajax_addcontact', array('ajaxtest', 'addcontact')); add_action('wp_ajax_nopriv_addcontact', array('ajaxtest', 'addcontact')); // not really needed add_shortcode('cform', array('ajaxtest', 'ajaxcontact'));

Я использовал это как короткий код, но я не получил выход. Какая ошибка?

Related of "Использование AJAX в плагине WordPress"

Среда 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 (); функция

В основном файле плагина добавьте их. 

 add_action( 'wp_enqueue_scripts', 'so_enqueue_scripts' ); function so_enqueue_scripts(){ wp_register_script( 'ajaxHandle', get_template_directory() . 'PATH TO YOUR SCRIPT 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 должна быть функция, вызванная вызовом 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 }

Вам нужно добавить «действие» к вызову AJAX. 

 jQuery.ajax({ type: "POST", url: "/wp-admin/admin-ajax.php", data: newcontact, action: 'addcontact', success: function(data) { jQuery("#feedback").html(data); } });

Значение должно быть таким же, как и add_action hook для wp_ajax. например 

 add_action( wp_action_{action_value}, 'myfunc' );

Это позволяет WordPress знать, какую функцию запускать при вызове AJAX.

На этой странице Codex есть полезная информация, и в этой статье описывается, как улучшить код, который у вас есть.