Question

我使用以下脚本从我的服务器获取JSON响应，并在我的移动应用程序中附加HTML元素。

我正在使用Ionic框架，但理想情况下希望使用jQuery而不是AngularJS模块进行构建（尽管我可能只需要将它们混淆并学习它们）。

该脚本在网络上运行良好，但是当我在Nexus 5上测试时，没有任何乐趣，表格单元格也没有打印出来。

HTML

<ion-pane>
  <ion-header-bar class="header bar-stable">
    <h1 class="title">GeoSnap</h1>
  </ion-header-bar>
  <ion-content>
      <table class="table table-striped">
          <thead>
              <th>Name</th>
              <th>Description</th>
          </thead>
          <tbody>

          </tbody>
      </table>
  </ion-content>
</ion-pane>

jQuery代码

jQuery(document).ready(function() {
jQuery.getJSON("http://webdevdanno.com/php-services/DataHandler.php", function(records) {
    var recordsHTML = ''; 
    for(var i=0; i<records.length; i++) {
        var name = records[i].heading;
        var description = records[i].desc;
        recordsHTML += '<tr>' + '<td>' + name + '</td>' + '<td>' + description + '</td>' + '</tr>';
    }
    angular.element("tbody").html(recordsHTML);
});
});

有没有人有任何想法为什么在我将它构建到我的移动设备上时不会打印出表记录？

AngularJS中有没有办法可以实现JSON请求功能？

Answer 1

我假设您使用cordova，您需要将您想要在config.xml中使用的网址列入白名单。（另见cordova白名单）

<access origin="*" />
<allow-navigation href="http://somesite.com/*" />
<allow-intent href="http://somesite.com/*" />

使用Ionic框架和jQuery获取JSON响应无法在移动设备上运行

1 个答案: