GET请求时如何获取Laravel中view()函数第二个参数的响应数据

问题解决步骤 #

1. 后端接口改造 #

你当前后端直接返回了渲染后的视图模板，所以AJAX拿到的自然是HTML内容。如果需要同时支持普通页面访问和AJAX请求返回JSON数据，修改接口逻辑如下：

public function getTriviaTags(Request $request){
    try {
        $userSearch = $request->get('userSearch');
        $tagsList = $this->tagRepository->getTags($userSearch);

        $response = [
            'tagsList' => $tagsList,
            'userSearch' => $userSearch,
            'trivia' => 'tag'
        ];

        // 判断是否为AJAX请求，是则返回JSON，否则返回视图
        if ($request->ajax()) {
            return response()->json($response);
        }
        return view('pages.tools.main', $response);
    } catch (Exception $exception) {
        parent::log($exception, self::class);
        // 异常情况下也给AJAX返回错误响应
        if ($request->ajax()) {
            return response()->json(['error' => '请求失败'], 500);
        }
        // 普通请求的异常处理可自行补充
    }
}

2. 前端AJAX请求改造 #

你当前请求没有传递userSearch参数，且响应类型指定为HTML，修改如下：

$(dataTableSearchInputButtonID).on('click', function () {
    // 替换为实际输入框选择器，获取用户输入内容
    const userSearchVal = $('输入框选择器').val().trim();
    $.ajax({
        type: "GET",
        url: "myUrl.test/tools",
        // 传递参数，jQuery会自动拼接到GET请求的URL query部分
        data: {
            userSearch: userSearchVal
        },
        // 响应类型改为JSON
        dataType: "json",
        success: function (resp) {
            console.log(resp); // 此处可直接打印出目标$response数组内容
            // 后续可拿resp内的tagsList等字段完成页面渲染逻辑
        },
        error: function (err) {
            console.error('请求出错', err);
        }
    });
});

实现思路验证 #

你想把userSearch拼到URL参数里的思路是完全正确的，GET请求的参数本来就应该放在URL的query段。不过不需要手动拼接字符串，用jQuery AJAX的data参数传递即可，框架会自动处理特殊字符转义，避免手写拼接可能出现的编码错误、注入风险等问题。

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