javascript - ajax过滤器用于过滤产品，但它不起作用

Question

我是 JavaScript 新手。我有 ajax 过滤器的问题。以下是我的脚本代码。

<script>
    $(document).ready(function(){

        filter_data();

        function filter_data()
        {
            var action = 'fetch_data.php';
            var size = get_filter('size');
            var color = get_filter('color');
            var brand = get_filter('brand');

            $.ajax({
                alert("Hello");
                url:"fetch_data",
                method:"POST",
                data:{action:action,size:size,color:color,brand:brand},
                success:function(data){
                    $('.filter_data').html(data);
                }
            });
        }

        function get_filter(class_name)
        {
            var filter=[];
            $('.'+class_name+':checked').each(function(){
                filter.push($(this).val());
            });
            return filter;
        }

        $('.common_selector').click(function(){
            filter_data();
        });
    });
</script>

我用了这个参考

<script src="js/jquery-1.10.2.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="js/jquery-ui.js"></script>

alter 仅用于错误测试。请纠正我的错误先生。谢谢

标签： javascriptphp