Laravel集成Select2后搜索功能失效问题求助

问题核心原因 #

从你提供的代码来看，搜索失效主要由前端配置拼写错误、后端查询逻辑漏洞这两方面导致：

1. 修复前端AJAX配置拼写错误 #

你的前端代码中__port是错误属性名，Select2 AJAX传输配置的正确属性是transport，这个错误会直接导致Select2无法发起搜索请求。

修正后的前端代码：

$('#restaurant').select2({
    ajax: {
        url: '{{url('/')}}/admin/vendor/get-restaurants',
        data: function (params) {
            return {
                q: params.term || '', // 确保关键词为空时传递空字符串
                all: true,
                page: params.page || 1
            };
        },
        processResults: function (data) {
            return {
                results: data
            };
        },
        transport: function (params, success, failure) {
            var $request = $.ajax(params);
            $request.then(success);
            $request.fail(failure);
            return $request;
        }
    }
});

2. 修复后端查询逻辑漏洞 #

• zone_ids初始化错误：原代码中无zone_ids时赋值为0，会触发when方法的回调逻辑，导致SQL执行whereIn('restaurants.zone_id', 0)的错误语句；
• 搜索关键词未做空值处理：直接使用$request->q可能引发未定义索引警告，需显式处理空值。

修正后的后端控制器代码：

public function get_restaurants(Request $request){
    $zone_ids = $request->input('zone_ids', []);
    // 确保zone_ids始终为数组类型
    if (!is_array($zone_ids)) {
        $zone_ids = [];
    }
    
    $searchTerm = $request->input('q', '');
    
    $data = Restaurant::join('zones', 'zones.id', '=', 'restaurants.zone_id')
        ->when(!empty($zone_ids), function($query) use($zone_ids){
            $query->whereIn('restaurants.zone_id', $zone_ids);
        })
        ->where('restaurants.name', 'like', "%{$searchTerm}%")
        ->limit(8)
        ->orderBy('restaurants.name', 'ASC')
        ->get([
            DB::raw('restaurants.id as id'),
            DB::raw('CONCAT(restaurants.name, " (", zones.name, ")") as text')
        ]);
    
    if($request->has('all'))
    {
        $data->push((object)['id' => 'all', 'text' => 'All']);
    }
    
    return response()->json($data);
}

3. 验证调试步骤 #

• 打开浏览器开发者工具（F12），切换到Network标签；
• 在Select2输入框中输入关键词，检查是否有AJAX请求发送到目标地址；
• 确认请求参数里的q是否正确携带输入的关键词；
• 查看后端返回的JSON数据，确保每个对象都包含id和text字段。

内容的提问来源于stack exchange，提问作者abu abu