警报响应在 JQuery Ajax 成功回调上返回未定义

Question

我在使用 ajax 显示某个类别的项目时遇到了问题。我无法理解如何获取数据。

我的代码有什么问题？ item-controller.php

public function findByCategory($cat,$visibility)
{
  return Item::where("item_category_id","=",1)
             ->where("is_visible_".$visibility, "=",1)->get()->all();
}

Javascript

$(document).on('click', '#btn-itemCategory', function(e){
    $.ajax({
      url: "api/item/findByCategory/{cat}",
      data:{cat: 'item_category_id' },  
      dataType: 'json',
      method: 'get',
      success: function(data){
        alert(data);
      },
   });

Blade View

<div class="btn-container flex-horiz flex-justify-center ">
    @foreach ($itemCategories as $pc)
    <button id='btn-itemCategory' class="btn-large" type="button"
        name="button">{{__("itemCategory.$pc->slug")}}</button>
    @endforeach
</div>
<div class="card-container flex-horiz flex-justify-center ">
    @foreach ($items as $item)
    @if ($item->capacity%2)
    <div id="card" class="card">
        <div class=" card-front ">
            <div>
                <h4>{{__("item.$item->slug")}}</h4>
                <p>{{$item->capacity}} m³</p>
                <img src="{{$urlImgitem}}/{{$item->image}}.png" alt="item">
                <p>{{__("item.front_text")}}</p>
                <h4>{{-- $item->prix --}}</h4>
                <button class=" btn-action" type="button" name="button">{{__("item.front_btn")}}</button>
            </div>
        </div>
    </div>
    @endif
    @endforeach
</div>

数据警报是“对象对象”，我应该获取项目列表。

Answer 1

实际上，您得到的数据是正确的。你只是不知道如何使用它。 来自 Laravel 响应的数据通常是 JSON 格式，您无法使用 alert() 方法显示。 尝试使用 console.log() 然后检查页面。

$(document).on('click', '#btn-itemCategory', function(e){
    $.ajax({
        url: "api/item/findByCategory/{cat}",
        data:{cat: 'item_category_id' },  
        dataType: 'json',
        method: 'get',
        success: function(data){
            console.log(data);
        },
    });
});

您应该会在本节中看到返回的数据。