<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-ba mui-icon mui-icon-left-nav mui-pull-left" href="http://ask.dcloud.net.cn/index.html"></a>
<h1 class="mui-title">单选题</h1>
</header>
<div class="mui-content">
<div class="mui-content mui-content-padded">
<p id="tm"></p>
<p id="a"></p>
<p id="b"></p>
<p id="c"></p>
<p id="d"></p>
<button id="btn1" type="button" class="mui-btn mui-btn-purple mui-btn-block">显示正确答案</button>
<button type="button" class="mui-btn mui-btn-purple">上一题</button>
<button type="button" class="mui-btn mui-btn-purple">下一题</button>
</div>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
//读取本地JSON数据库数据
/*mui.getJSON('data.json',null, function(data) {
Console.log(data);
});*/
//建立网络连接，读取野狗云数据库中数据文件
var ref = new Wilddog("https://anguifuxi-001.wilddogio.com");
ref.on("value", function(snapshot) {
var result = snapshot.val();
mui.each(result, function(key, elem) {
var i = 1;
document.getElementById('tm').innerHTML = i '、' elem.tm;
document.getElementById('a').innerHTML = 'A：' elem.a;
document.getElementById('b').innerHTML = 'B：' elem.b;
document.getElementById('c').innerHTML = 'C：' elem.c;
if(elem.d == '') {
document.getElementById('d').style.display = 'none';
} else {
document.getElementById('d').innerHTML = 'D：' elem.d;
};
var btn1 = document.getElementById('btn1');
btn1.onclick = function() {
btn1.innerHTML = elem.da;
}
});
}, function(errorObject) {
console.log("The read failed: " errorObject.code);
});
</script>
</body> 
3***@qq.com
- 发布：2016-08-03 17:55
- 更新：2016-08-03 18:23
- 阅读：2019
HTML p标签不能正确显示外部JSON数据，需要p标签显示JSON中dx1中的数据，结果确显示的是dx3中的，求指导？
分类：MUI
1 个回复
赵梦欢 - 专注前端，乐于分享！
代码中问题很多，比如使用野狗云怎么没有引入野狗云相关的sdk，如果是新手，建议看看这篇文章中提到的一些细节：https://segmentfault.com/a/1190000005589813#articleHeader9