如何從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 -> 表示要訪問的對象名稱。