Windows 8移动应用程序 – 获取在线数据并显示javascript

发布时间：2020-12-14 05:42:03 所属栏目：Windows 来源：网络整理

导读：我是 Windows 8移动应用程序开发的新手. 我在Javascript / HTML5中自定义“网格应用程序”并尝试修改data.js以获取数据并填充“SampleDate”数组. 从Web订阅源获取数据已完成,但问题是请求是异步执行而不等待响应. 数组总是变空,但是当我尝试将数组数据记录

我是 Windows 8移动应用程序开发的新手.

我在Javascript / HTML5中自定义“网格应用程序”并尝试修改data.js以获取数据并填充“SampleDate”数组.

从Web订阅源获取数据已完成,但问题是请求是异步执行而不等待响应.

数组总是变空,但是当我尝试将数组数据记录到控制台时,它会在获取后正确记录.

请给我一个解决方案,以便我可以填充和查看获取的数据.

这就是我改变默认的generateSampleData()方法的方法;

WinJS.xhr({ url: "http://www.yamu.lk/feed/" })
       .done(function complete(result) {

           console.log(result.responseXML);
           var items = result.responseXML.querySelectorAll("item");
           for (var n = 0; n < items.length; n++) {
               sampleItems[n] = { group: sampleGroups[0],title: items[n].querySelector("title").textContent,subtitle: "Item Subtitle: 1",description: items[n].querySelector("description").textContent,content: itemContent,backgroundImage: lightGray };
               console.log(items[n].querySelector("title").textContent);

           }


           },function error(error) {

           },function progress(result) {

           });

        return sampleItems;

解决方法

你的问题源于你的ListView没有直接绑定到sampleItems数组,它被绑定到一个绑定了listItems的绑定列表.查看data.js的第12行：

generateSampleData().forEach(function (item) {
    list.push(item);
});

您要做的是等待将数据推送到绑定列表,直到从Web服务检索到它为止.一种方法是让generateSampleData()函数返回WinJS.xhr promise而不是sampleItems数组.所以generateSampleData()变成：

return WinJS.xhr({ url: "http://www.yamu.lk/feed/" });

和第12行成为：

generateSampleData().done(function complete(result) {
       console.log(result.responseXML);
       var items = result.responseXML.querySelectorAll("item");
       for (var n = 0; n < items.length; n++) {
           list.push({ group: sampleGroups[0],backgroundImage: lightGray });
           console.log(items[n].querySelector("title").textContent);
       }});

或类似的规定.

绝对查看binding lists如何工作以获取更多信息.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!