在 Ajax 成功时循环遍历对象内数组内的对象

Loop through Object within Array within Object on Ajax Success

我正在向我的 Laravel 控制器提交数据,我正在尝试访问返回的 Json 响应。

我正在提交以下数据:

$.ajax({
  headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    },
  type: "post",
  data: {ingredients: step_ingredients, description: step_description},
  dataType:'json',
  url: "{{ route('steps.store', ['id' => $recipe->id]) }}",

  success: function (data) {
    console.log(data);

    //alert(data.desc);
    $("#ajaxOutput").html('<code>Description output: '+data.desc+'</code>');
    // $.each(data, function (key, value) {                     
    //   alert(data.ing.ingredient_id);
    // });           
  },
  error: function (xhr, ajaxOptions, thrownError) {
    console.warn(xhr.responseText);
    alert(xhr.status);
    alert(thrownError);
  }
});

并且(目前)控制器正在执行以下操作:

public function store(Request $request)
{

  $data = [
    'success' => true,
    'message'=> 'Your AJAX processed correctly',
    'ing' => json_decode($request->ingredients),
    'desc' => $request->description
  ] ;

  return response()->json($data);
}

我可以使用 data.desc 访问描述等,但我在遍历 data.ing 数组和访问相关值时遇到问题,例如 ingredient 1 name,或 成分 2 数量

尝试 laravel foreach($ing as $data) { echo "$data->ingredient_name"; //$data is object }

对于javascript

$.each(data.ing, function (key, value) { console.log(value.ingredient_name); })