Laravel表格内编辑按钮路由URL失效问题求助

你遇到的核心问题很明确：在控制器中拼接Blade模板语法{{url()}}是无效的。Blade模板引擎只在页面首次加载时由服务器解析，而AJAX请求返回的HTML字符串不会再经过Blade处理，所以前端拿到的是原封不动的{{url(/edit/2)}}，浏览器将其当作URL的一部分，最终出现了乱码的链接（http://sms.test/%7B%7Burl(/edit/2)%7D%7D）。

下面是两种可行的解决方案：

方案1：在控制器中直接生成完整URL（推荐） #

利用Laravel的url()辅助函数，在控制器里直接拼接出正确的编辑URL，而不是依赖Blade语法。修改你的控制器循环代码如下：

foreach($data as $row) { 
    // 直接用url()生成完整的编辑链接
    $editUrl = url('/edit/' . $row->student_id);
    $output .= ' <tr> 
        <td>' . $row->year . '</td> 
        <td> 
            <a href="' . $editUrl . '" class="...">Edit</a> 
            <a href="#" class="...">Delete</a> 
        </td> 
    </tr> '; 
}

这样AJAX返回的HTML中，编辑按钮的href就是直接可用的完整URL（比如http://sms.test/edit/22），浏览器就能正确识别并跳转。

方案2：前端动态生成URL #

如果你更倾向于在前端处理URL拼接，可以让控制器返回原始的student_id数据，然后在AJAX的成功回调中生成链接。

控制器修改： #

返回包含student_id和year的数组（改为返回JSON数组，而非预拼接的HTML）：

$tableData = [];
foreach($data as $row) {
    $tableData[] = [
        'year' => $row->year,
        'student_id' => $row->student_id
    ];
}
return response()->json([
    'table_data' => $tableData,
    'total_data' => count($tableData)
]);

前端AJAX修改： #

在success回调中拼接URL：

success:function(data) {
    let tbodyContent = '';
    data.table_data.forEach(row => {
        // 用当前站点的域名拼接编辑URL
        const editUrl = window.location.origin + '/edit/' + row.student_id;
        tbodyContent += `<tr>
            <td>${row.year}</td>
            <td>
                <a href="${editUrl}" class="...">Edit</a>
                <a href="#" class="...">Delete</a>
            </td>
        </tr>`;
    });
    $('tbody').html(tbodyContent);
    $('#total_records').text(data.total_data);
}

为什么原来的方法失效？ #

再强调一下关键原因：Blade的{{ }}是服务器端的模板语法，只有当Blade文件被服务器渲染成HTML时才会被解析成对应的值。而你在控制器里把{{url()}}拼接到字符串中，服务器只会把它当作普通文本输出，AJAX拿到后浏览器直接渲染，不会解析Blade标签，所以{{和}}被转义成了URL编码的%7B%7B和%7D%7D，最终形成了错误的链接。

你的路由配置Route::get('/edit/{id}', 'StudentController@edit');是正确的，只要URL生成正确，就能正常访问edit方法。

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