Laravel ajax "invalid or unexpected token" 在 .append 上

Laravel ajax "invalid or unexpected token" on .append

我正在尝试使用 ajax 从 laravel 控制器函数追加来调用我的 table 内容。我收到这个错误

Ajax:

    function fetchcategory() {
        $.ajax({
            type: "GET",
            url: "/clinical/bbr-category-configuration-data",
            dataType: "json",
            success: function (response){
                // console.log(response.all_categories);
                $.each(response.all_categories, function (key, item) {
                    $('tbody').append('<tr>\
                        <td>'+item.category_name+'</td>\
                        <td>'+item.category_name+'</td>\
                        <td>'+item.category_name+'</td>\
                        <td>'+item.category_name+'</td>\ 
                        </tr>');
                });
            }
        });
    }

控制器:(tabled 从模型 HmsBbrCategory 中检索)

public function fetchcategory(){
    $all_categories = HmsBbrCategory::all();
    return response()->json([
        'all_categories'=>$all_categories,
    ]);
}

路线:

    Route::get('/bbr-category-configuration-data', [BBRCategoryConfigurationController::class,'fetchcategory']);

我做错了什么语法导致出现意外的标记错误,乍一看它们似乎都包含在追加中。任何帮助将不胜感激。

这只是 javascript 字符串语法。你不能像这样转义换行符。

这个版本应该可以。

$('tbody').append('<tr>'+
  '<td>'+item.category_name+'</td>'+
  '<td>'+item.category_name+'</td>'+
  '<td>'+item.category_name+'</td>'+
  '<td>'+item.category_name+'</td>'+
'</tr>');

或更好,使用更新的语法。

$('tbody').append(`<tr>
  <td>${item.category_name}</td>
  <td>${item.category_name}</td>
  <td>${item.category_name}</td>
  <td>${item.category_name}</td>
</tr>`);

我无法用手指围绕它,

但是VSCode不喜欢你发布的文字

我只删除了所有最后一个字符并添加了新字符,瞧,它起作用了

$.each(response.all_categories, function (key, item) {
    $('tbody').append('<tr>\
        <td>'+item.category_name+'</td>\
        <td>'+item.category_name+'</td>\
        <td>'+item.category_name+'</td>\
        <td>'+item.category_name+'</td>\
        </tr>');
});