从本地dynatable加载JSON

时间:2014-04-09 22:11:39

标签: javascript jquery json dynatable

我正在尝试做一些与this question的最后一个注释非常类似的事情 - 即在ajax调用中加载一大堆数据,然后将其放入dynatable,就像它是一个本地JSON文件一样。我没有精通javascript / jquery,所以它可能是相当明显的,但我无法让它工作。我目前的代码如下:

<table id="my-ajax-table">
  <thead>
    <th>Some Attribute</th>
    <th>Some Other Attribute</th>
  </thead>
  <tbody>
  </tbody>
</table>

<script>

$.getJSON('/dynatable-ajax.json', function(data) {
      $('#my-ajax-table').dynatable({
      dataset: {
        records: data
      });
    });

并且ajax url返回:

[
{"someOtherAttribute": "Fetched by AJAX", "someAttribute": "I am record one"},
{"someOtherAttribute": "Cuz it's awesome", "someAttribute": "I am record two"},
{"someOtherAttribute": "Yup, still AJAX", "someAttribute": "I am record three"}
]

哪个是right out of the tutorial

我假设这是我的$ .getJSON错了。我应该使用成功和失败案例吗?那会是什么样的?我应该使用parseJSON吗?

非常感谢,Alex

2 个答案:

答案 0 :(得分:1)

最后我将javascript更改为了这个并且有效:

<script>
$.getJSON('/dynatable-ajax.json', function (response) {     
  $('#my-table').dynatable({
  dataset: {
    records: response
  },
});

});
</script>

不完全确定第一个版本出了什么问题,我认为支架关闭太多了。

答案 1 :(得分:0)

对于非常快速的事情,例如,它有助于使用名为http://www.dirtymarkup.com的网站

粘贴代码并单击每个括号,然后突出显示相应的右括号。

http://jsbeautifier.org/是另一个很好的网站,用于添加缩进以更清晰地查看代码,并http://www.javascriptlint.com/显示错误。