警报响应在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);
        },
    });
});

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