如何从json响应中获取数据

Question

目标网址

   function purchasetable(Request $request){
   $material = $request->get('query');
   $unitprice = DB::table('materials')->where('name',$material)->select('unit_price','id')->get();
echo json_encode($unitprice);

}

视图上的代码段

 $('#add-btn').click(function() {
    var material = $('select[name="material"]').val();
    var quantity = $('input[name="qty"]').val();
    var _token = $('input[name="_token"]').val();
    alert(material);
    $.ajax({
        url: "{{ route('autocomplete.purchasetable') }}",
        method: "POST",
        data: {
            query: material,
            _token: _token
        },
        success: function(data) {
            //console.log(data);
            data = JSON.parse(data);
            console.log(data);
        }
    });
});

控制台输出

我想在我的视图中访问“id”和“unit_price”，我该怎么做才能解释我。 谢谢

Answer 1

当您使用 jQuery 并且您的响应也是一个数组时，您可以像这样迭代该数组

$.each(data, function(key, value) {
   console.log(value.id, value.unit_price);
});

Answer 2

您的输出似乎是一个对象数组。 任何数组值都可以使用“[]”表示法访问。 由于数组包含对象，因此可以使用“.”操作符访问它
data[0].id和data[0].value会给你想要的结果。 [0] -> 表示数组位置，本例为0，.id -> 表示要访问的对象名称。