Laravel框架下AJAX传参到Controller返回NULL值如何解决

数据老陈

2026-10-5

解决方案

你遇到的参数为NULL的问题可以按照以下步骤逐一排查修复：

第一步：修复前端点击事件的默认跳转问题
你当前注释了e.preventDefault()，点击a标签后会触发默认跳转行为，导致ajax请求未正常发送就刷新了页面，相当于后端收到的是无参数的普通GET请求，自然拿不到id参数。取消该行注释即可阻止a标签默认行为。

第二步：优化参数取值逻辑避免异常
点击获取的按钮文本可能存在前后空白字符，先调用trim()清除再处理，避免正则替换后出现非数字值，同时可以增加控制台输出确认参数计算结果是否符合预期。
调整后的JS代码如下：

$("#periods").on('click', '.dropdown-item', function(e) {
    e.preventDefault(); // 取消注释阻止默认跳转
    var text = $(this).text().trim();
    var periodTime = text.replace(/\D/g, "") - 1;
    // 调试用，可在浏览器控制台查看参数是否正常
    console.log('传递的时间段参数：', periodTime);
    $.ajax({
      method: "get",
      url: "/",
      data: {
        id: periodTime
      },
      success: function(response) {
        alert(response);
      }
    });
});

第三步：优化后端参数获取逻辑
优先使用$request->input('id')方法获取参数，比直接通过属性获取兼容性更好，你也可以先打印所有请求参数确认是否有参数传入：

public function index(Request $request) 
{
    // 先打印所有请求参数，确认前端是否成功传参
    // dd($request->all());
    $length = $request->input('id');
    dd($length);
    // 后续业务逻辑
    return view('dashboard.homepage', compact('chartDataByDay'))->render();
}

其他排查方向
1. 打开浏览器开发者工具的「网络」标签，点击时间段选项后查看对应的ajax请求URL是否携带了?id=xxx参数，确认前端参数是否正常发送
2. 如果存在路由缓存，执行php artisan route:clear清除路由缓存后再测试
3. 如果你是要局部刷新图表，建议后端直接返回JSON格式的图表数据，避免返回整个页面HTML