使用AJAX将JSON数据从S3加载到Handsontable

时间:2017-07-31 15:37:54

标签: jquery json ajax amazon-s3

我尝试使用页面加载数据预先填充Handsontable电子表格。我的JSON文件存储在S3上。我能够成功地使用AJAX从S3加载数据,但之后我没有用我检索的数据填充插件。我目前的代码:

$( document ).ready(function() {


  var objectData = $.ajax({
    type: 'GET',
    url: "https://s3-us-west-2.amazonaws.com/path/to/file.json",
    dataType: 'json',
    crossDomain: true,
    success: function(data) {
      return data;
    }
  }),
  container = document.getElementById('example'),
  hot;

  hot = new Handsontable(container, {
    data: objectData,
    colHeaders: true,
    minSpareRows: 1
  });

});

我没有收到任何错误,但数据可能无法按时加载?

1 个答案:

答案 0 :(得分:1)

这不是$.ajax的工作原理。 success中的返回不执行任何操作,objectData是承诺对象,而不是响应数据

尝试:

$.ajax({
  type: 'GET',
  url: "https://s3-us-west-2.amazonaws.com/path/to/file.json",
  dataType: 'json',
  crossDomain: true,
  success: function(data) {

    new Handsontable($('#example')[0], {
      data: data,
      colHeaders: true,
      minSpareRows: 1
    });
  }
}).fail(function() {
  console.log('Request failed, inspect arguments for details')
})