请求服务器端 JSON 数据并传入 Galleria 1.5.7 框架答案

【问题标题】：Request server side JSON data and pass into Galleria 1.5.7 framework请求服务器端 JSON 数据并传入 Galleria 1.5.7 框架
【发布时间】：2019-09-07 00:41:14
【问题描述】：

如何使用 $getJSON 回调（或其他推荐的方法）传递从服务器异步检索的 JSON 对象，并将其作为自定义 JSON 数据数组传递到 Galleria 1.5.7 dataSource 变量？在线文档展示了如何提供存储在 JS 配置文件中的手动创建的自定义数据数组，一切正常 - 但没有文档如何从服务器检索 JSON 对象。

https://docs.galleria.io/references/data.html

https://docs.galleria.io/options/dataSource.html

经过 lint 验证的 JSON 服务器数据示例：data.json

{ "title": "作品名称 1", "description": "艺术作品描述 1", “图像”：“../../../../images/image1_fullscreen.png” }

只看到一片空白的舞台。

谢谢 - 现在使用建议的较低级别的 jQuery ajax 实用程序功能可以正常工作。服务器端的 JSON 数据也需要稍加调整，以便用方括号将其封装，以便 Galleria 框架能够正确识别它以将其解析为对象数组。

[ { "title": "作品名称 1", "description": "艺术作品描述 1", “图像”：“../../../../images/image1_fullscreen.png” } ]

【问题讨论】：

标签： javascript jquery arrays json galleria

【解决方案1】：

根据https://docs.galleria.io/options/dataSource.html，您可以使用自定义数据数组，但是在运行 Galleria 框架之前需要数据。

从您的服务器获取数据
使用该数据运行 Galleria 框架

$.ajax({
  url: 'data.json',
  success: function(data) {
    Galleria.run('.galleria', {
      dataSource: data
    });
  }
});

或者在你的情况下使用 getJSON：

$.getJSON('data.json', function(data) {
    Galleria.run('.galleria', {
      dataSource: data
    });
});

【讨论】：