我正在使用intel xdk开发app,我想在我的页面中显示来自网页的JSON数据。这是我的代码..
function LoadJsonDataFunction()
{
$.getJSON("json_Data_webpage.php", function(obj) {
$.each(obj.employees, function(key, value){
$("allemployees").append("<li>"+value.fname+"</li>");
});
});
}
我在body标签中调用上面的函数
<body onload="LoadJsonDataFunction()">
<ul id="allemployees"> </ul>
但此代码无效。
我找到了AppFramework的jqm插件。我可以用它来解决这个问题。
答案 0 :(得分:1)
$("allemployees")
应该是$("#allemployees")
,因此它选择带有id allemployes的html元素。
答案 1 :(得分:0)
找到解决方案......从&#34; deviceIsReady&#34;
调用此函数 <script>
/*Load remort data function*/
function loadRemortData(){
document.addEventListener("intel.xdk.device.remote.data",function(event){
if(event.success==false){
$('#mytaskslist').append('<li data-divider-theme="a"><center><a href="#win1" data-transition="pop" data-icon="alert">Error in connection</a></center></li>');
} else {
var obj = $.parseJSON(event.response);
$.each(obj.employees, function(key, value){
$('#mytaskslist').append(' <li><a href="#"><img src="images/b_add.png" /> <h3>'+value.sub+'</h3><p>'+value.des+'</p> <p>'+value.date+'</p> </a> </li>');
});
$('#mytaskslist').listview('refresh');
}
}, false);
var parameters = new intel.xdk.Device.RemoteDataParameters();
parameters.url = "url_to_the_page.php";
intel.xdk.device.getRemoteDataExt(parameters);
}