Javascript HTML和JSON之间交互的脚本帮助

正在寻找有关将JSON文件信息传递到HTML的脚本的指导。HTML将是单个页面，但使用jQuery Mobile创建多页面效果。在第一页，我只想显示每个人的名字，然后当你点击这个人的时候，这个人的信息就会显示在第二页上。我对JSON还不熟悉，但似乎无法集中精力来管理这个脚本

HTML文件：

<!--first page -->
<div data-role="page" id="info-page">
  <div data-role="header" data-theme="b">
    <h1>Contacts</h1>
  </div>
  <div data-role="content">
    <ul data-role="listview" data-autodividers="true" data-filter="true" data-inset="true" id="prof-list">
      <li data-role="list-divider" data-theme="b" role="heading">Names</li>
      <!-- List of all names from the JSON file listed here -->
    </ul>
  </div>
</div>
<!--second page -->
<div data-role="page" id="details-page">
  <div data-role="header" data-theme="b"><a href="#" data-rel="back" data-role="button">Go back</a>
    <h1>Information</h1>
  </div>
  <div data-role="list-view">
    <!-- Information for person who was clicked on show here -->
  </div>
</div>

---

这是假设您已经将JSON作为一个对象数组，因为我无法从您的部分JSON判断它是什么格式。在这里

一小条

jQuery移动Web应用程序
第一页









名称

页脚
问询处
名称
年龄
电子邮件
电话
页脚
第三页
内容
页脚
第四页
内容
页脚
var触点=[{
“id”：0，
“年龄”：31岁，
“姓名”：“亚历克斯·琼斯”，
“电子邮件”：alexjones@gmail.com",
“电话”：“+1（845）575-2978”
}, {
“id”：1，
“年龄”：31岁，
“姓名”：“爱丽丝·霍尔”，
“电子邮件”：alicehollow@gmail.com",
“电话”：“+1（829）454-3806”
}, {
“id”：2，
“年龄”：99999，
“名称”：“Lazerus”，
“电子邮件”：“你说的这个电子商城是什么？”，
“电话”：“Fown？我不知道这个人。”
}];
var listName=document.getElementById（“prof list”）；
函数显示名（arr）{
var out=“”；
var i；
对于（i=0；i

您是如何访问JSON文件的？我是JSON新手，所以我不确定最好的方法。目前只需要像js一样调用文件，我已经看到了将JSON数据作为js文件中的变量的方法。这就是我要寻找的。是否可以将名称创建为列表项，而不仅仅是href。第二，当你点击一个名字时，它只是将信息添加到被点击人的第二个页面，而不是创建多个页面，因为我有大约50-60个人关于第二个查询，您的意思是希望每次单击都是第二页上的累积结果吗？（例如，您再次单击了Mary、John、Doug和Mary（关于意外事件），然后第二页的结果是：Mary、John和Doug的信息）我希望这样，您可以单击Mary，它在第二页上仅显示Mary的信息，然后“返回”按钮将您带回主页（我已使用“返回”按钮）然后，您在列表中选择其他人，然后对其他人进行冲洗和重复，但在第二页上为被单击的人重写信息，并使用与前两个联系人不同的其他联系人进行更新。前两个联系人看起来非常相似，或者您尝试过这些示例了吗？我刚刚将链接更改为嵌套在列表项中的链接，jQM将其设置为一个不错的目录。代码段也会更新。

{
    "id": 0,
    "age": 31,
    "name": "Alex Jones",
    "email": "alexjones@gmail.com",
    "phone": "+1 (845) 575-2978"
}, {
    "id": 1,
    "age": 31,
    "name": "Alice Hollow",
    "email": "alicehollow@gmail.com",
    "phone": "+1 (829) 454-3806"
},