javascript - 表格排序器不适用于 json

Question

我正在使用表格排序器插件。但是，我无法在使用 JSON 时构建表。你知道问题出在哪里吗？这是插件:

http://mottie.github.io/tablesorter/docs/example-widget-build-table.html#setup__object_json_file_via_ajax

我的尝试:

http://jsbin.com/novixuqo/7/edit

var opts = {
  "theme": "blue",
  "widgetOptions": {
    "build_type": "json",
    "build_source": {
      "url": "http://jsbin.com/qinikepu/4/js",
      "dataType": "json"
    }
  }
};

console.log(opts);

$('#object2Table2').tablesorter(opts); 

Answer 1

问题是您正在对 JSON 进行跨域请求，因此无法完成 AJAX 请求。

意思是如果你想让它工作，你必须将 JSON 数据放在与请求来自的域相同的域中。

这是一种模拟 AJAX 请求的快速方法，方法是在 Javascript 中包含数据，然后向 JSFiddle 的回显服务发出 POST 请求，该服务会使用您发布的数据进行回复。

这是通过更改 build_source 选项来完成的，如下所示:

 build_source : { url: '/echo/json/', 
                 data: data,
                 dataType: 'json',
                 type: "POST",
                 }

Fiddle

编辑:我忘了包括您缺少 http://mottie.github.io/tablesorter/js/widgets/widget-build-table.js 脚本。我只有跨域问题，因为我使用的是 JSFiddle (D'oh)，但由于 Mottie，它在 JSBin 上使用此链接工作正常。 http://jsbin.com/novixuqo/11/edit?js,output