使用ajax加载onsen ui内容

load onsen-ui content with ajax

本文关键字：ui 内容 onsen 加载 ajax 使用      更新时间：2023-09-26

我刚开始在我的phonegap应用程序中使用onsen ui。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消息做点什么})；request.fail（函数（jqXHR，textStatus）｛｝）；

我相信这一定很简单，如何使用ajax命令加载列表的内容。感谢

您在使用$scope吗$apply（）；模型价值改变后？

您似乎在使用$.ajax（）jQuery ajax方法。jQueryAjax不会告知AngularJS模型值的更改。

所以我建议：

使用$http（）而不是$.ajax或exec$scope$apply或$rootScope$在$.ajax（）.的成功回调中应用

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

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

使用jQuery'；angularJS控制器中的s$.ajax

相关文章：