Ajax調用返回Object（對象），如何獲取值從中

Question

JSP文件

<div class="container"> 
    <table id="headerTable" class="table table-bordered"> 
    <thead> 
    <tr> 
     <th colspan="2">Header</th> 
    </tr> 
    </thead> 
    <tbody> 
    <c:forEach items="${headerList}" var="field"> 
     <tr> 
      <th>${field}</th> 
      <td><input id="${field}" type="text" class="form-control "></td> 
     </tr> 
    </c:forEach>  
    </tbody> 
</table> 

的Javascript

$('#parseBtn').click(function() { 
    var parseMsg = $('#msgText').val(); 
    alert("parse message is " + parseMsg); 
    $.ajax({ 
    type: "GET", 
    url: "/parseMessage", 
    data: { 
     "msg": parseMsg 
    }, 
    success: function(data) { 
     //data format looks like Object {SubsystemChannel: "F", MessageNumber: "200257", DebugQueue: " ", WorkStationNumber: "023", FrontEndNumber: "0000"…} 

     $('#headerTable input').each(function() { 
     var id = $(this).attr('id'); 
     var field = data.id; 
     $(this).val(field); 
     }); 
    } 
    }); 
}); 

我所要做的是，經過$（'＃headerTable input'），設置它的值（來自數據）。所以，我首先得到每個輸入ID，然後使用ID從數據中獲得值，但是失敗了....你能幫我解決嗎？非常感謝你

Answer 1

您應該使用Bracket notation而不是點符號來訪問屬性使用id變量

$('#headerTable input').each(function() { 
    var field = data[$(this).attr('id')]; 
    $(this).val(field); 
});