2014-03-31 92 views
1

我正在使用桌面分揀機插件。但是,我無法在使用JSON時構建表格。你知道問題在哪裏嗎?這是插件:桌面分揀機不適用於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); 

回答

2

的問題是,你正在做一個跨域請求對於JSON,所以AJAX請求不能被壓縮leted。

這意味着如果你希望這個工作,你將不得不有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

+1

其實,問題是他鏈接到[錯誤的構建文件](https://github.com/Mottie/tablesorter/issues/557#issuecomment-39059897)。在這種情況下,這不是一個跨域問題,但我仍然會給你一個+1。更新演示:http://jsbin.com/novixuqo/11/edit?js,output – Mottie

+0

啊呀。這是我看到的第一件事,但我最終將它移到JSFiddle,並忘記了JSON實際上是在JSBin域本身。包括實際問題編輯我的答案。感謝+1! –