Получить значение из таблицы, используя AJAX и JQuery при нажатии кнопки

Question

Ошибка консоли: Uncaught ReferenceError: Недопустимая левая сторона в назначении

• в Object.success (product-slug: 12)

• в огне (приложение. js: 9763)

• на Object.fireWith [as resolWith] (приложение. js: 9893)

• готово (приложение js: 16005)

• в XMLHttpRequest. (приложение. js: 16257)

L

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div id="output"></div>
<button onclick="showData(this.value)">

<script>
function showData(str) {
              jQuery.ajax({
                 url : 'data/' +str,
                 type : "GET",
                 dataType : "json",
                 success:function(data)
                 {
                    console.log(data);     //Output is {"": 120}, where 120 is price
            document.getElementById('output').innerHTML = data;   //Output is [object Object]

                }
        });           
}
</script>

Контроллер

public function get_data($id)
{
    $product_data = ProductAttribute::where('id', $id)->get()->pluck("price","quantity");
    return json_encode($product_data);
}

Маршрут

Route::get('/product/data/{id}', 'ProductController@get_data')->name('product.data');

Answer 1

попробуйте

<script>
function showData(str) {
              jQuery.ajax({
                 url : 'data/' +str,
                 type : "GET",
                 dataType : "json",
                 success:function(data)
                 {
                    console.log(data);     //Output is {"": 120}, where 120 is price
                    $.each(data, function(index, obj){
                    $('#price').html( obj.price);
                    $('#quantity').html( obj.quantity);
                  });

                }
        });           
}
</script>

Answer 2

Измените свою опечатку

<script>
function showData(str) {
              jQuery.ajax({
                 url : 'data/' +str,
                 type : "GET",
                 dataType : "json",
                 success:function(data)
                 {
                    console.log(data);     //Output is {"": 120}, where 120 is price
                    document.getElementById("output").innerHTML = data;   //No Out Put
                }
        });           
}
</script>