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输入'），设置值（来自数据）。所以，我首先得到每个输入id，然后使用id从数据中获取值，但它失败了....你能帮我解决这个问题吗？非常感谢你

Answer 1

您应使用Bracket notation代替点表示法来使用id变量访问属性

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

Ajax调用返回Object（对象），如何从中获取值

1 个答案: