Intel AppFamework, как отображать данные JSON

Я занимаюсь разработкой приложения с использованием intel xdk, и я хочу показать страницу данных 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>

но этот код не работает.

Я нашел JQM плагин для AppFramework. Как я могу использовать его, чтобы решить эту проблему.

Источник

2 ответа

Решение

$("allemployees") должно быть $("#allemployees"), поэтому он выбирает html-элемент с помощью идентификатора.

Источник

Нашел решение... вызов этой функции из "deviceIsReady"

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

Источник
Другие вопросы по тегам