使用 ajax 加载 onsen-ui 内容答案

【问题标题】：load onsen-ui content with ajax使用 ajax 加载 onsen-ui 内容
【发布时间】：2014-11-07 01:13:35
【问题描述】：

我刚开始在 phonegap 应用中使用 onsen-ui。用户界面工作正常，但我无法更改列表内容统计信息，它将使用 ajax 从服务器加载它。

  module.factory('$data', function() {
  var data = {};

  data.items = [
      { 
          title: 'Item 1 Title',
          label: '4h',
          desc: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.'
      },
      { 
          title: 'Another Item Title',
          label: '6h',
          desc: 'Ut enim ad minim veniam.'
      },
      { 
          title: 'Yet Another Item Title',
          label: '1day ago',
          desc: 'Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.'
      }


  ]; 

  return data;

});

我的ajax函数是：

  var request = $.ajax({url: "http://[my-server-address].php",type: "POST",data: {
                     profile-ID : "70",
                     },dataType: "html"});
request.done(function( msg ) {

// 用 var msg 做一些事情 }); request.fail(function(jqXHR, textStatus) {});

我确定它一定很简单，如何使用 ajax 命令加载列表的内容。谢谢

【问题讨论】：

标签： javascript jquery ajax onsen-ui

【解决方案1】：

你在使用 $scope.$apply();模型值改变后？

您似乎正在使用 $.ajax() jQuery ajax 方法。 jQuery Ajax 不会告诉 AngularJS 模型值的变化。

所以我建议：

在 $.ajax() 的成功调用中使用 $http() 代替 $.ajax 或 exec $scope.$apply 或 $rootScope.$apply。

https://docs.angularjs.org/api/ng/service/$http

这篇文章会对你有所帮助。

Using jQuery's $.ajax within an angularJS controller

【讨论】：