【问题标题】:intel AppFamework how to display JSON dataintel AppFamework 如何显示 JSON 数据
【发布时间】:2013-10-08 10:30:55
【问题描述】:

我正在使用英特尔 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>

但此代码不起作用。

我找到了 AppFramework 的 jqm 插件。我该如何使用它来解决这个问题。

【问题讨论】:

  • 而不是给 onload 调用 LoadJsonDataFunction();在 document.ready 中检查它是否可以工作......
  • 试过了。但还是不行。我的代码语法有什么问题吗?
  • k 如果您使用 onload 脚本,您声明 LoadJsonDataFunction() 位于正文下方或头部...
  • 它在头部
  • 因为 meier ans 是更改它并将脚本放在正文的末尾....

标签: javascript android json appframework intel-xdk


【解决方案1】:

$("allemployees") 应该是$("#allemployees"),所以它选择了 id 为 allemployes 的 html 元素。

【讨论】:

    【解决方案2】:

    找到解决方案...从“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);
    }
    

    【讨论】:

      猜你喜欢
      • 2021-10-31
      • 2017-11-04
      • 2020-03-28
      • 2015-06-15
      • 2017-08-29
      • 2020-11-29
      • 2018-12-06
      • 2021-10-31
      • 1970-01-01
      相关资源
      最近更新 更多