表分拣机不与json一起使用

时间:2014-03-31 02:08:38

标签: javascript jquery html jquery-ui tablesorter

我正在使用表格分类器插件。但是,在使用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); 

1 个答案:

答案 0 :(得分:2)

问题是您正在为JSON提出跨域请求,因此无法完成AJAX请求。

意思是如果您希望这个工作,您必须在请求来自同一域的JSON数据。

这是一种通过在Javascript中包含数据来模拟AJAX请求的快速方法,然后向JSFiddle的echo服务发出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