Ajax成功調用後模態中的空白字段

Question

我正在成功調用控制器（Laravel）並返回json數據。

如何將返回的json數據映射到調用時打開的模式？控制檯日誌打印所有字段的響應數據。所以我一直在這兩條線上嘗試不同的方式：

$（'input [name = starts_at]'）。val（response.starts_at）; $（'input [name = ends_at]'）。val（response.ends_at）;

我試過這個，但返回未定義的錯誤。

$（'input [name = starts_at]'）。val（response [0] .starts_at）; $（'input [name = ends_at]'）。val（response [0] .ends_at）;

Ajax調用如下：

$(document).ready(function() { 
     $('.editApptModal-button').click(function() { 
      var appointmentID = $(this).attr('data-appointmentID'); 
       $.ajax({ 
        type: 'ajax', 
        method: 'get', 
        url: '/ajax', 
        data: {id:appointmentID}, 
        async: false, 
        dataType: 'json', 
        success: function(response){ 
         console.log(response);      
         $('input[name=starts_at]').val(response.starts_at); 
         $('input[name=ends_at]').val(response.ends_at); 
         $('#editApptModal').modal('show'); 
        }, 
        error: function(response){ 
         alert('Could not displaying data'+response); 
        }   
       }); 
      }); 
     }); 

控制檯日誌數據

Object {data: Object} 
    data:Object 
    created_at: "2017-06-23 18:35:54" 
    ends_at: "2017-06-26 15:00" 
    id: 87 
    starts_at: "2017-06-26 14:00" 
    type: "test" 
    updated_at: "2017-07-01 16:52:10" 

Answer 1

從你的console.log打印 - 它看起來像你應該改變

$('input[name=starts_at]').val(response.starts_at);

至

$('input[name=starts_at]').val(response.data.starts_at);