从url

时间:2018-07-12 07:42:16

标签: jquery datatable getjson

在我有一个Web服务的场景中,我需要从中选择数据,我确实将其排列为数组格式,以便可以按列和数据进行选择并将其加载到数据表中。我正在挑战。下面是从已建立的数组加载数据时的示例。

下面的链接是我要从中选择数据的URL http://dmutyaba12/services/cpi/SQLSvrDataServices.svc/datatables/Testing_Table

此数据采用以下格式

[{"COLUMNS":[{"title":"BasketID"},{"title":"BasketName"}],"DATA":[[1,"Arua"],[2,"Fort Portal"],[3,"Gulu"],[4,"Jinja"],[5,"Kampala High"],[6,"Kampala Low"],[7,"Kampala Middle"],[8,"Masaka"],[9,"Mbale"],[10,"Mbarara"]]}]

这里的挑战是我希望将此信息加载到数据表中,在该表中,我使用ajax从同一URL中选择列和数据。以下是我设计的内容,但无法正常工作,我想知道我将json输出的格式设置错误还是在这里缺少步骤。

var jsonData;
    $.getJSON('http://dmutyaba12/services/cpi/SQLSvrDataServices.svc/datatables/Testing_Table', function(data) {
    //data is the JSON string
   jsonData =JSON.parse(data);
   });   

 $(document).ready(function() {
  $.ajax({
    type: 'POST',
    dataType: 'json',
    url: 'http://dmutyaba12/services/cpi/SQLSvrDataServices.svc/datatables/Testing_Table',
    data: {
        json: JSON.stringify(jsonData)
    },
    success: function(d) {
        $('#example').DataTable({
            dom: "Bfrtip",
            data: d.data,
            columns: d.columns
        });
    }
});  

和表格

<table id="example"></table>

0 个答案:

没有答案