如何用AJAX过滤定制贴子数据？

时间：2016-09-01 作者：Who Am I

我用“经销商”创建了一个自定义post\\u类型，以便输入我的个人经销商项目。“经销商”帖子有“国家”和“部门”等分类法。

我遇到了一个问题：

第一次显示页面时，没有从我的自定义帖子类型分类中提取任何内容。如果单击其中一个链接，则数据将成功更新。问题是未分配“Départment”类别的国家（例如Allemagne）=显示结果，但应隐藏“Départment”下拉列表。

谁能告诉我我哪里做错了？

function.php

if( !function_exists( \'reseller_department\' ) ){
    function reseller_department(){
        $location = get_terms( \'reseller-department\', array( \'parent\' => 0 ) );
        if( !empty($location) ){
            foreach( $location as $term ){
                if(isset($_GET[\'reseller_department\']) ){
                    if($_GET[\'reseller_department\'] == $term->slug ){
                        $selected = \'selected\';
                    }else{
                        $selected = \'\';
                    }
                }else{
                    $selected = \'\';
                }
                echo \'<option value="\'.$term->slug.\'" \'.$selected.\'>\'.$term->name.\'</option>\';
            }
            if(!isset($_GET[\'reseller_department\']) || $_GET[\'reseller_department\'] == \'-1\'){
                echo \'<option value="-1" selected>\'.__( \'all departments\', \'nalys-plugin\' ).\'</option>\';
            }else{
                echo \'<option value="-1">\'.__( \'…\', \'nalys-plugin\' ).\'</option>\';
            }
        }
    }
}

if( !function_exists( \'reseller_country\' ) ){
    function reseller_country(){
        $location = get_terms( \'reseller-country\', array( \'parent\' => 0 ) );
        if( !empty($location) ){
            foreach( $location as $term ){
                if(isset($_GET[\'reseller_country\']) ){
                    if($_GET[\'reseller_country\'] == $term->slug ){
                        $selected = \'selected\';
                    }else{
                        $selected = \'\';
                    }
                }else{
                    $selected = \'\';
                }
                echo \'<option value="\'.$term->slug.\'" \'.$selected.\'>\'.$term->name.\'</option>\';
            }
            if(!isset($_GET[\'reseller_country\']) || $_GET[\'reseller_country\'] == \'-1\'){
                echo \'<option value="-1" selected>\'.__( \'...\', \'nalys-plugin\' ).\'</option>\';
            }else{
                echo \'<option value="-1">\'.__( \'…\', \'nalys-plugin\' ).\'</option>\';
            }
        }
    }
}

archieve.js

jQuery(document).ready(function($)  {
    $("#archive-wrapper").height($("#archive-pot").height());
    $("#archive-browser select").change(function() {
        $("#archive-pot")
            .empty()
            .html("<div style=\'text-align: center; padding: 30px;\'>Loading...</div>");

        var d = $("#reseller_department").val();
        var e = $("#reseller_country").val();

        $.ajax({
            url: "/work/", 
            dataType: "html", 
            type: "POST",
            data: {
                "digwp_d" : d,
                "digwp_e" : e
            },

            success: function(data) {
                $("#archive-pot").html(data);
                $("#archive-wrapper").animate({
                    height: $("#archives-table tr").length * 50
                });
            }
        });
    });


    // get all data option value reseller country 
    var values = [];
    var sel = document.getElementById(\'reseller_country\');
    for (var i=0, n=sel.options.length;i<n;i++) {
        if (sel.options[i].value) 
        values.push(sel.options[i].value);
    }
    var jupe = \'"\' + values.join(\'","\') + \'"\';
    var dataOptionCountry = values;
    dataOptionCountry.pop();
    // console.log(dataOptionCountry);

    $("#reseller_country").change(function () {
        $("#reseller_department").prop("disabled", !(dataOptionCountry.indexOf(this.value) !== -1));
    });
});

template-reseller-getter.php

<?php
    $rd = $_POST[\'digwp_d\'];
    $rc = $_POST[\'digwp_e\'];
    $querystring = "cat=$rc&cat=$rd&posts_per_page=-1";
    query_posts($querystring); 
?>

<?php if (($rc == \'-1\') && ($rd == \'-1\')) { ?>
    <table id="archives-table" class="table">
        <tr>
            <td style=\'text-align: center; font-size: 15px; padding: 5px;\'><?php _e("Please choose from above.", "nalys-plugin") ?></td>
        </tr>
    </table>
<?php } else { ?>
    <div id="archives-table">
         <?php    
            $custom_args_empty_one = array(
                \'post_type\' => \'reseller\',
                \'tax_query\' => array(
                    \'relation\' => \'OR\',
                    array(
                        \'taxonomy\' => \'reseller-country\',
                        \'field\'    => \'slug\',
                        \'terms\'    => $rc,
                    ),
                    array(
                        \'taxonomy\' => \'reseller-department\',
                        \'field\'    => \'slug\',
                        \'terms\'    => $rd
                    )
                )
            );

            $custom_args = array(
                \'post_type\' => \'reseller\',
                \'tax_query\' => array(
                    \'relation\' => \'AND\',
                    array(
                        \'taxonomy\' => \'reseller-country\',
                        \'field\'    => \'slug\',
                        \'terms\'    => $rc,
                    ),
                    array(
                        \'taxonomy\' => \'reseller-department\',
                        \'field\'    => \'slug\',
                        \'terms\'    => $rd
                    )
                )
            );

            if ( $rc != \'-1\' && $rd == \'-1\' || $rc == \'-1\' && $rd != \'-1\' ) {
                $custom_query = new WP_Query( $custom_args_empty_one );
            } elseif ( $rc != \'-1\' && $rd != \'-1\' ){
                $custom_query = new WP_Query( $custom_args ); 
            }

            if ($custom_query->have_posts()) :
                $row = 0; 
                while ($custom_query->have_posts()) : 
                    $custom_query->the_post(); 
                    $count = $custom_query->post_count;

                    if($count==1){
                       // Displaying data
                        echo \'<div class="archives-table-reseller col-md-offset-4 col-md-4 col-sm-12 col-xs-12">\';
                        the_title(\'<div class="reseller-title">\', \'</div>\');
                        echo \'<div class="reseller-address">\'.get_post_meta($post->ID, \'_address\', true).\'</div>\'; 
                        echo \'<div class="reseller-poscode">\'.get_post_meta($post->ID, \'_poscode\', true).\'</div>\';
                        echo \'<div class="reseller-telephone">Tel.\'.get_post_meta($post->ID, \'_telephone\', true).\'</div>\';
                        echo \'<div class="reseller-email"><a href="mailto:\'.get_post_meta($post->ID, \'_email\', true).\'">\'.get_post_meta($post->ID, \'_email\', true).\'</a></div>\';
                        echo \'<div class="reseller-email"><a href="http://\'.get_post_meta($post->ID, \'_website\', true).\'" target="_blank">\'.get_post_meta($post->ID, \'_website\', true).\'</a></div>\';
                        echo "</div>";
                    }else{
                        // Displaying data
                        echo \'<div class="archives-table-reseller col-md-4 col-sm-12 col-xs-12">\';
                        the_title(\'<div class="reseller-title">\', \'</div>\');
                        echo \'<div class="reseller-address">\'.get_post_meta($post->ID, \'_address\', true).\'</div>\'; 
                        echo \'<div class="reseller-poscode">\'.get_post_meta($post->ID, \'_poscode\', true).\'</div>\'; 
                        echo \'<div class="reseller-telephone">Tel.\'.get_post_meta($post->ID, \'_telephone\', true).\'</div>\';
                        echo \'<div class="reseller-email"><a href="mailto:\'.get_post_meta($post->ID, \'_email\', true).\'">\'.get_post_meta($post->ID, \'_email\', true).\'</a></div>\';
                        echo \'<div class="reseller-email"><a href="http://\'.get_post_meta($post->ID, \'_website\', true).\'" target="_blank">\'.get_post_meta($post->ID, \'_website\', true).\'</a></div>\';
                        echo "</div>";
                    }


            endwhile; else:
                echo "Nothing found.";
            endif; 
        ?>
    </div>
<?php } ?>

2 个回复
SO网友:D. Joes

我发现您的问题与主题中的错误有一些共同点：How to filter post data with AJAX on page?您可以阅读并找到案例的解决方案。

SO网友:Yariel Gordillo

您采取了错误的方法，要在wp中使用ajax，必须遵循三个步骤。

1-将正在进行ajax调用的js文件排队，例如，假设ajax调用位于main中。js公司

//Add this action to your function.php theme or plugin.
add_action(\'wp_enqueue_scripts\', \'enqueue_frontend\');
//OR in case is admin ajax call
add_action(\'admin_enqueue_scripts\', \'enqueue_frontend\');

function enqueue_frontend(){
wp_enqueue_script(\'main-js\', \'path_to_js_file\' ,array(\'js-dependency1\',\'js-dependency2\'),\'1.0\', false);
//Pass parameters to the js file, for example the ajax call url
wp_localize_script( \'main-js\', \'parameters\',[\'ajax_url\'=> admin_url(\'admin-ajax.php\')]);
}
2-编写Ajax调用

               $.ajax( {
                    type: \'POST\',
                    url:  parameters.ajax_url,
                    data:{
                        \'action\':\'action_name\', //Ajax call action name
                        \'param1\': \'value1\',
                        \'param2\': \'value2\'
                    },
                    dataType: "json",
                  
                    success: function (json) {
                        var value1 = json.param1;
                    },
                    error : function(jqXHR, exception){
                        var msg = \'\';
                        if (jqXHR.status === 0) {
                            msg = \'Not connect.\\n Verify Network.\';
                        } else if (jqXHR.status == 404) {
                            msg = \'Requested page not found. [404]\';
                        } else if (jqXHR.status == 500) {
                            msg = \'Internal Server Error [500].\';
                        } else if (exception === \'parsererror\') {
                            msg = \'Requested JSON parse failed.\';
                        } else if (exception === \'timeout\') {
                            msg = \'Time out error.\';
                        } else if (exception === \'abort\') {
                            msg = \'Ajax request aborted.\';
                        } else {
                            msg = \'Uncaught Error.\\n\' + jqXHR.responseText;
                        }
                        console.log(msg);
                    }

                } );
3-捕获Ajax调用

add_action( \'wp_ajax_nopriv_action_name\', \'callback_ajax\' ));//same action name after prefix wp_ajax_

function callback_ajax(){
  //Here you can capture the post values
  $value1 = $_POST[\'param1\'];
  // Do your logic 

  //Make sure to return a json and finish with die() in order the ajax call work
  echo json_encode(array(\'param1\'=>\'value1\'));//pass all the data you need here and use it on main.js
  wp_die();
}
注意：如果是后端的ajax调用，则应使用wp\\u ajax前缀，而不是wp\\u ajax\\u nopriv_

标签： custom-post-types   plugin-development   custom-taxonomy   ajax   小码农  

相关推荐

尝试在WordPress中实现AJAX注释，遇到WP错误

我试图在WordPress中为我的评论实现Ajax，使用this tutorial. 但我在将教程中的代码集成到自己的预构建主题时遇到了问题。问题是，我要么得到一个WP错误“检测到重复注释；看来你已经说过了！”或标准500错误。以下是我得到的：下面是我对ajax的评论。js文件如下所示： * Let\'s begin with validation functions */ jQuery.extend(jQuery.fn, { /* * check i