Печать JSON-файла в HTML через PhoneGap

Question

Печать JSON-файла в HTML через PhoneGap

0

Я нахожусь на ранних этапах создания проекта phonegap и конвертирования его в iOS. Я нахожусь на моей второй странице HTML, и у меня возникают проблемы с печатью Json файла в HTML. Попробовав бесчисленные разные js-методы, я чувствую, что даже не импортировал Json файл. Я даже попытался переместить Json файл в тот же каталог, и все равно ничего не получаю. Затем я попробовал простой js-метод для печати части Json внутри HTML, и это все еще не сработало (независимо от того, какой файл.html я использовал в нем).

         <script type="text/javascript">
                    var newObj = {
                        "Chapter" : "1",
                        "Name" : "Tests"
                    }
                    console.log (newObj.Chapter)
            </script>

Это оригинальная функция js, использовавшаяся для импорта и печати Json

<script type="text/javascript">

$(function() {


 var contents = [];
 var imp = "contents.json"
  $.getJSON(imp, function(data) {
     $.each(data.tcontent, function(index, item) {
      var tblRow = "<tr>" + "<td>" + item.Chapter + "</td>" + "<td>" + item.Name + "</td>" + "</tr>"
         $(tblRow).appendTo("#userdata tbody");
    });

 });

}); 
</script>

И это Json, который я пытаюсь импортировать (contents.json)

{"tcontent" : [
{"Chapter" : "1", "Name" : "Introduction & Contact Details" },
{"Chapter" : "2", "Name" : "General Principles of Antibiotic Perscribing" },
{"Chapter" : "3", "Name" : "Note on meticillin resistant SA"},
 ]
}

Я импортировал javascript-библиотеку в html, я идентификатор таблицы в html - это userdata и т.д., Я просто понятия не имею, почему это не сработает. Любой свет, который вы могли бы пролить на это, очень ценится.

Darragh 08 янв. 2014, в 14:01

Источник

Теги:

javascript

jquery

html

json

cordova

1 ответ

Ещё вопросы

Ved · Accepted Answer · 2014-01-08T11-50-00.000Z

Your Json was not well formed, I removed "," from last object

{
  "tcontent": [{
    "Chapter": "1",
    "Name": "Introduction & Contact Details"
  }, {
    "Chapter": "2",
    "Name": "General Principles of Antibiotic Perscribing"
  }, {
    "Chapter": "3",
    "Name": "Note on meticillin resistant SA"
  }]
}

var imp = "contents.json"
 $.getJSON(imp, function(data) {
    var tblRow = "";
     $.each(data.tcontent, function(index, item) {
         tblRow += "<tr>" + "<td>" + item.Chapter + "</td>" + "<td>" + item.Name + "</td>" + "</tr>"

    });
     $(tblRow).appendTo("#userdata tbody");
     //alert(tblRow)
 });