Question

我有一个多选复选框，我用它来识别复选框并使用AJAX Get将这些值传递给Laravel Controller。

当我将Ajax数据传递给控制器时，json只返回一个集合。具体来说，它只返回传递字符串中的第一个值。所以，如果我在复选框中选择1,2,4,8。它返回category_id = 1的项目。如果我选择2,9,10它只返回category_id = 2的项目。要检查输入是否正确，我将输入传递给视图，也传递给console.log，它总是说输入是正确的。

我可以检索所有项目，但是当我使用whereIn并传递数据时，它只获取传递数组中第一个值的集合。

我试过把它变成数组并传递： 1）将ajax数据传递给数组然后使用implode转换为字符串并将其传递给whereIn 2）直接将数组传递给whereIn

我还附加了几个我尝试失败的查询。

任何建议都会有很大的帮助。

ProjectsController

public function getPaginate(Request $request) {

$input  = array(Input::get('categories'));
//$input2 = array($input);
//$value = implode(',', $input);
$sql = [1,2];

$projects = \App\Project::whereIn('category_id' , $sql)->get(); //working 
//$projects = DB::table('projects')->whereIn('category_id', array($value))->get();
//$projects = DB::select("select * from categories INNER JOIN projects on categories.id = projects.category_id where category_id IN('$value')" );


//$projects = \App\Project::paginate(4);
$categories = \App\Category::all();


// $projects = DB::select('select * from categories INNER JOIN projects on categories.id = projects.category_id where category_id IN('.$products.')' );

   // changed for AJAX
   if(Request::ajax()) {


      $projects = \App\Project::whereIn('category_id' ,$input)->get();  //not working
    //$value = implode(',', $input);
    //return Response::json(View::make('layouts.projects',array('projects'=>$input))->render());

  return Response::json(array('projects' =>$projects,'input'=>$input));
    }

    return view('paginate', ['projects' =>$projects,'categories'=>$categories]);
}

Ajax＆amp; Jquery选择器

  $(document).ready(function() {
            $('input[type="checkbox"]').on('change', function(event) {
                var checkboxValues = [];
                      $('input[type="checkbox"]:checked').each(function(index, elem) {
                    checkboxValues.push($(elem).val());

                });
                $('#myResponse').html(checkboxValues.join(','));
                categories = checkboxValues.join(',');
                getfilters();
            });
        });

        var getfilters = function () {
            $.ajax({
            type: 'GET',
            headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            url: '{{URL::route('get.paginate')}}',
            data: {categories: categories},
            error: function(e) {
            console.log(e.responseText);
            },

            success: function (data) {
            console.log(data);
            $('#projects').html(data);

            }});
        };

Answer 1

调用.get()将生成的jQuery对象转换为真正的数组。
使用内置的Array.toString方法。
最好使用POST代替GET。
将array(Input::get('categories'))更改为Input::get('categories')。

var categories;
var getfilters = function () {
    $.ajax({
        type: 'POST',
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url: '',
        data: {categories: categories},
        error: function(e) {
            console.log(e.responseText);
        },
        success: function (data) {
            console.log(data);
            $('#projects').html(data);
        }});
};

$(':checkbox').on('change', function(event) {
    event.preventDefault();
    categories = $("input:checkbox:checked").map(function(){
        return $(this).val();
    }).get(); // <----
    $('#myResponse').html(categories.toString()); // <---- 'one,two,three;
    getfilters();
});

Laravel where Ajax multiselect复选框问题

1 个答案: