Laravel: Single Data не отображается: Ajax

Question

У меня есть модал, чтобы показать детали данных по этой ссылке ниже:

<a onclick="showProductPricing({{ $customer->id }})">Show</a>

функция showProductPricing в ajax:

showProductPricing = function (customerId) {

    save_method = 'show';

    $.ajax({
        url: "{{ url('admin/singleProductPricing') }}" + '/' + customerId,
        type: "GET",
        dataType: "JSON",
        success: function (data) {
            $('#showproductPricing').modal('show');
            $('#productName').val(data.productName);
            $('#productPrice').val(data.productPrice);
        },

        error: function (data) {
            console.log((data));
        }
    });
};

Маршрут:

Route::get('/admin/singleProductPricing/{id}','ProductPriceController@singleProductPrice');

Контроллер:

public function singleProductPrice($id)
{
     $singleProductPrice = ProductPricing::find($id);
     return $singleProductPrice;
}

Лезвие: Я использую таблицу данных. Какой модал. Но в модальные данные не приходит. Нет информации также в console.log

<tr>
   <td><span class="text-danger" id="productName"></span></td>
   <td><span class="text-danger" id="productPrice"></span></td>
</tr>

Answer 1

Вы должны убедиться, что # id должен быть уникальным на всей странице

Я реализовал вышеуказанную функцию, как показано ниже:

 function editData(id) {

    var url = APP_URL + '/languages/' + id + '/edit' ;
    $.get(url , function (data) {
        var data =data.ResponseMessage;
        $('#Id').val(data.LanguageId);
        $('#Name').val(data.Name);
        $('#IsActive').prop('checked',true).iCheck('update');
        $('#editModal').modal('show');
    }) 
}

Answer 2

сначала присвойте значение соответствующему #id и поменяйте местами, как показано ниже:

  $('#productName').val(data.productName);
  $('#productPrice').val(data.productPrice);
  $('#showproductPricing').modal('show');

Answer 3

Попробуйте следующий код;

$('#productName').text(data.productName);
$('#productPrice').text(data.productPrice);

Вместо;

$('#productName').val(data.productName);
$('#productPrice').val(data.productPrice);