来自xml响应jquery的动态表

时间:2019-02-19 19:45:36

标签: javascript jquery html ajax

我试图用xml响应中的数据创建表行。

  

这是我的成功功能:

 success: function(response) {

            $('id', response).each(function() {

                 const row = $('<tr>');
                 row.append($('<td>').html($(this).find('name').text()));
                 row.append($('<td>').html($(this).find('result').text()));
                 row.append($('<td>').html($(this).find('date').text()));
                 $('#result-list').append(row);


             });
  

这是我的html:

    <table id="result-list" class="table table-striped" style="margin-top:15px;">
 <thead>

  <tr>
     <th scope="col">name</th>
     <th scope="col">result</th>
     <th scope="col">date</th>
   </tr>
 </thead>
 <tbody>

</tbody>
</table>

问题在于它会将所有变量附加​​在一行中。例如,它将所有结果变量附加在同一行中。我想为每个名称,结果,日期字段创建一个新行。

第1行的名字,结果,日期。第2行的名字,结果,日期,依此类推。

1 个答案:

答案 0 :(得分:0)

因此,它与表创建无关。问题是在xml响应中,我所有的id都包裹在一个id(id标签的大写版本)中。我不知道jquery解析字符串是否区分大小写。

因此$ .parseXML(response)代替了响应,解决了我在这里所说的问题:i have been using jQuery to parse XML but it doesnt maintain uppercase. Is there a flag im missing?