Заполнение таблицы данными json с использованием jQuery и Ajax

Question

Итак, я пытаюсь заполнить таблицу данными из сценария. Я пробовал много менять множество параметров и т. Д., Но, похоже, не может заставить его работать. Вот что у меня до сих пор:

$(document).ready(function() { 
     $.get(file + '?op=retrieve&page=1', function (data) { 
      $.each(data, function (i, elem) { 
       $('#mainTable').append(
        '<tr><td>' + elem.name + '</td><td>' + elem.address '</td></tr>' 
       ) 
      }) 
     }) 

В настоящее время я получаю сообщение об ошибке: TypeError: е не является объектом. (Оценка «т-1 в е»)

Heres пример данных JSon:

{"id":"348141","name":"Birdies","address":"Bridge Street, Tunbridge Wells, TN1 1AH"}] 

Answer 1

Из данных, я понял, что вы получаете массив объектов JS.

Если вы видите код JS, вы используете следующий фрагмент

$ .each (данные, функция (я, Эль) { });

Итак, из приведенного выше кода «i» - это индекс, а elem - текущее значение повторения.

Так что elem.name [i] будет недействительным. Это потому, что elem сам является объектом, у которого есть свойство name, а имя - только строка типа. Таким образом, вы не можете иметь имя [i].

$(document).ready(function() { 
     $.get(file + '?op=retrieve&page=1', function (data) { 
      $.each(data, function (i, elem) { 
       $('#mainTable').append(
        '<tr><td>' + elem.name + '</td><td>' + elem.address '</td></tr>' 
       ) 
      }) 
     }) 

Я предполагаю, что элемент «mainTable» выглядит как этот

<table> 
<tbody id="mainTable"> 
</tbody> 
</table>