3***@qq.com
3***@qq.com
  • 发布:2016-08-02 16:29
  • 更新:2018-03-25 09:25
  • 阅读:8818

怎样用mui.getJSON()方法读取本地JSON文件,并显示在HTML中。

分类:MUI

<body>
<div class="mui-content">
<div class="mui-content mui-content-padded">
<p id="TM"></p>
<p id="XA"></p>
<p id="XB"></p>
<p id="XC"></p>
<p id="XD"></p>
</div>
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
...
</script>
</body>

怎样将外部JSON文件的数据分别显示HTML中的5个 p 标签中。最好用详细写下 <script></script>的代码,谢谢了。
—————————————————————————————————————————————
外部文件JSON文件内容为:
{
"danXuan": {
"dx1": {
"TM": "1+1=?",
"XA": "A:1",
"XB": "B:2",
"XC": "C:3",
"XD": "D:4"
}
}
}

2016-08-02 16:29 负责人:无 分享
已邀请:
Trust
  • 3***@qq.com (作者)

    我看了文档,但是闹不清js怎样写能把json数据加载到html中的p标签中,麻烦能点拨下吗

    2016-08-02 21:02

  • Trust

    在ajax的回调函数中,操作p元素,修改它的innerHTML属性的值。

    2016-08-02 21:16

  • 3***@qq.com (作者)

    回复 Trust:这个知道,就是写到 document.getElementById('TM').innerHTML=?不知道该怎样写

    2016-08-03 10:30

  • 3***@qq.com (作者)

    你好,可能我没有描述清楚问题。就是document.getElementById('TM').innerHTML=?怎样把JSON的节点TM:'1+1=?'数据赋值给p 的代码怎样表达?

    2016-08-03 10:48

e***@126.com

e***@126.com

我也遇到同样的问题,做单机版的数据都直接提取做好的json文件,但是不知道怎样进行类似mysql数据库的增删查改,不知道还有其他更好的方法实现单机数据没

g***@qq.com

g***@qq.com

使用angular 框架。使用该框架后的方法:

1、 使用你的借口读取文件;
2、根据读取的结果,使用ng-repeat 循环生成html中的 p标签。

该问题目前已经被锁定, 无法添加新回复