Question

我正处于创建phonegap项目并将其转换为iOS的早期阶段。我在HTML的第二页，我在HTML中打印Json文件时遇到问题。在尝试了无数不同的js方法之后，我觉得它根本就没有导入Json文件。我甚至尝试将Json文件移动到同一目录中，但我一无所获。然后我尝试了一个简单的js方法在HTML中打印一块Json，这仍然无效（无论我使用的是什么.html文件）。

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

这是用于导入和打印Json的原始js函数

<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"},
 ]
}

我已经在html中导入了一个javascript库，我在html中的表的id是userdata等，我只是不知道为什么它不起作用。你可能会对此有所了解。非常感谢。

Answer 1

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)
 });

通过Phonegap以HTML格式打印Json文件

1 个答案: