Я установил основной пример ajax для wordpress в моей теме wp. Триггер выполняется с помощью modernizr.js, проверяющего медиа-запросы на странице.
jQuery(document).ready(function($) { if(Modernizr.mq('only all and (max-width:6300px)')) { var data = { action: 'my_action', whatever: ajax_object.we_value // We pass php values differently! }; // We can also pass the url value separately from ajaxurl for front end AJAX implementations jQuery.post(ajax_object.ajax_url, data, function(data) { $("#trending-Container").html(data).fadeIn(1000); }); } });//end function У меня есть локализованные и enqueue'd мои скрипты.
wp_enqueue_script('mainJS', get_template_directory_uri() . '/js/mainJS.js', array("jquery") ); wp_localize_script( 'mainJS', 'ajax_object', array( 'ajax_url' => admin_url( 'admin-ajax.php' ), 'we_value' => 1234 ) );
и, наконец, функция, обрабатывающая запрос:
add_action('wp_ajax_my_action', 'my_action_callback'); add_action('wp_ajax_nopriv_my_action', 'my_action_callback'); function my_action_callback() { global $wpdb; $whatever = intval( $_POST['whatever'] ); $whatever += 10; echo $whatever; die(); }
Это постоянно дает мне ответ 0 (никаких свойств), и я не знаю почему. PS Это все локально.
Status code 200 Host:lart.co.uk Origin:http://lart.co.uk Referer:http://lart.co.uk/ User-Agent:Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Ubuntu Chromium/28.0.1500.71 Chrome/28.0.1500.71 Safari/537.36 X-Requested-With:XMLHttpRequest Form Dataview sourceview URL encoded action:my_action whatever:1234
Здесь все должно соответствовать:
PHP
add_action ('wp_ajax_ my_action ', ' my_action ');
add_action ('wp_ajax_nopriv_ my_action ', ' my_action ');
function my_action () {}
JS
var data = {
action: ' my_action ',
что угодно: ajax_object.we_value
};
Кроме того, вам не хватает проверок безопасности и лучшей обработки ответа.
Проверьте следующие примеры: [1] и [2] .
Вот полный пример для решения этой проблемы:
JavaScript:
$(document).ready(function() { $("#submit").click(function(e) { var demo = 'demo'; var ajaxurl = '<?php echo admin_url("admin-ajax.php", null); ?>'; data = { action: "data_insert", demo: demo}; $.ajax({ url: ajaxurl, data: data, dataType: 'json', type: 'post', success: function(response) { console.log(response); } }); }); });
PHP:
add_action('wp_ajax_data_insert', 'data_insert'); add_action('wp_ajax_nopriv_data_insert', 'data_insert'); function data_insert() { $data = $_POST['demo']; echo json_encode($data); die(); }
Добавьте конец «выхода» функции, как показано ниже, это зафиксирует возврат 0 с ответом в WordPress при использовании запроса ajax.
add_action('wp_ajax_nopriv_getStateList', 'getStateList'); add_action('wp_ajax_getStateList', 'getStateList'); function getStateList() { global $wpdb; $countryId = $_POST['countryId']; $results = $wpdb->get_results("SELECT id,name FROM regions where country_id ='".$countryId."' "); echo json_encode(array('status'=>200,'data'=>$results)); exit; }