Question

TL; DR：不是Dupe - 代码优先，滚动到底部以解决问题。

这是the link to the demo that I currently have。

在functions.php我首先本地化我的脚本：

function ajaxurl(){
    wp_enqueue_script( 'product-selector', get_template_directory_uri() . '/js/ajax.js', array( 'jquery' ) );
    wp_localize_script( 'product-selector', 'MyAjax', array(
    // URL to wp-admin/admin-ajax.php to process the request
        'ajaxurl'          => admin_url( 'admin-ajax.php' ),
        // generate a nonce with a unique ID "myajax-post-comment-nonce"
        // so that you can check it later when an AJAX request is sent
        //'postCommentNonce' => wp_create_nonce( 'myajax-post-comment-nonce' ),
        )
    );
}
add_action('wp_head', 'ajaxurl');

然后对于脚本我的ajax调用我有：

function ajax_callback() {
    global $wpdb; // this is how you get access to the database
    // Declare our variable.
    $cat = $_POST['cat'];
    // Q the DB
    $query = $wpdb->get_col( $wpdb->prepare(
        "
            SELECT meta_value 
            FROM $wpdb->postmeta
            WHERE post_category=%s
        ", $cat
        ) );
    header('Content-Type: application/json');
    wp_send_json( json_encode( $query ) );
}

add_action( 'wp_ajax_nopriv_ajax-callback', 'ajax_callback' );

最后对于ajax.js我有：

$(document).ready(function(){
   var back_end_script_url = MyAjax.ajaxurl;
   $(function() {
   var category_callback = function(data) {
       console.log(data);
       var adhesion_select = $('#adhesion');
       var substrate_select = $('#substrate');
       substrate_select.find('option').remove();
       adhesion_select.find('option').remove();
       for (var k in data) {
           var option = $('<option />').val(k).html(data[k]);
           adhesion_select.append(option);
       }
   };
   var adhesion_callback = function(data) {
       console.log(data);
       var substrate_select = $('#substrate');
       substrate_select.find('option').remove();
       for (var k in data) {
           var option = $('<option />').val(k).html(data[k]);

           substrate_select.append(option);
       }
   };
   var category_change = function() {
       console.log('Category Changed');
       var category = $(this).find(":selected").val();
       var params = {
           action: 'ajax-callback',
           cat: category
       };
       console.log(params);
       $.post(back_end_script_url, params, category_callback);
   };
   var adhesion_change = function() {
       console.log('Adhesion Changed');
       var adhesion = $(this).find(":selected").val();
       var category = $('#cat').find(":selected").val();
       var params = {
           action: 'ajax-callback',
           cat: category,
           adhesion: adhesion
       };
       console.log(params);
           $.post(back_end_script_url, params, adhesion_callback);
       };
       $('#cat').on('change', category_change);
       $('#adhesion').on('change', adhesion_change);
   });
});

所以我的问题是，如果你看看演示，ajax只返回数字0，而不是db中的数据。

我已经在堆栈和wordpress交换上阅读了有关此问题的所有相关问题，并尝试了所有这些问题，我的结果总是一样的。

我雇用了JS代码，但是这个人在我的头上发誓。我不确定这是不是真的，因为我的代码中找不到任何问题。

感谢您的帮助，Stack！

Answer 1

您似乎错过了在ajax调用中发送的参数中的“action”属性。

你的params对象应该是：

var params = {
  action: "ajax-call",
  cat: category
};

希望这有帮助，

此致

马塞洛

WordPress AJAX请求返回0

1 个答案: