Mit ajax laden jQuery-DataTable

Ich versuche (und scheitern) zu laden, eine jQuery-DataTable mit der eingebauten ajax-source-argument. Die datatable, jedoch zeigt die Meldung "Loading...", wo die Zeile(N) nicht angezeigt werden sollte.

Hier ist meine datatable nennen :

    $('#my-table').dataTable( 
             {bFilter: false,
              bInfo: false,
              bJQueryUI: true,
              bPaginate: false,
              bStateSave: false,
              bSort: false,
              aoColumns: [ {"sTitle" : "Date"}, 
                           {"sTitle" : "Our Co."}, 
                           {"sTitle" : "Their Co."}, 
                           {"sTitle" : "Note"} ], 
              sAjaxSource: "/contact/company_name/"} );

Chrome verwenden, ich kann sehen, dass der Anruf zu /contact/company_name/ Auftritt, ist der Rückgabe-status 200 und hat die folgenden Daten: [[[Hello], [Goodbye], [Test1], [Test2]]] (das ist mein test-Daten).

Kann ich auch sehen, dass die dataTables.min.js ist die Rücksendung der Fehler Uncaught TypeError: Cannot read property 'length' of undefined.

Ich davon ausgehen, dass meine zurückgegebenen Daten nicht richtig formatiert. Kann jemand empfehlen die Lösung?

  • Ist [[[Hello], [Goodbye], [Test1], [Test2]]] die genauen Inhalte zurückgegeben, die von der ajax-Quelle?
InformationsquelleAutor Larry Lustig | 2011-10-02
  1. 12

    entsprechend der website
    der Dienst sollte Daten zurück, die in diesem format:

    {
  "aaData": [
    [
      "row 1 col 1 data",
      "row 1 col 2 data",
      "row 1 col 3 data",
      "row 1 col 4 data"
    ],
    [
      "row 2 col 1 data",
      "row 2 col 2 data",
      "row 2 col 3 data",
      "row 2 col 4 data"
    ],
    [
      "row 3 col 1 data",
      "row 3 col 2 data",
      "row 3 col 3 data",
      "row 3 col 4 data"
    ],
    [
      "row 4 col 1 data",
      "row 4 col 2 data",
      "row 4 col 3 data",
      "row 4 col 4 data"
    ]
  ]
}

    so, wickeln Sie Ihre array in ein Objekt, name des array als aaData und versuchen Sie es erneut.
    oder man kann es nennen wie du möchtest, aber dann müssen Sie den sAjaxDataProp parameter in der datatables-Initialisierung (sagen, nennen Sie es data Sie würde es so machen:

    $('#example').dataTable( {
    "bProcessing": true,
    "sAjaxSource": "/ajaxsource/callmydata",
    "sAjaxDataProp": "data"
} );
    • Danke. Ich bin wirklich ein idiot, dass dies Problem gelöst genau die gleiche - Ausgabe der letzten Woche. Dies war die Erinnerung, die ich brauchte.
    • Der link oben ist kaputt seit dem 1. Oktober 2014
    • Ich glaube dieser wurde die Seite auf die verlinkt wird.
    • wie kann ich aoColumns auch !
    InformationsquelleAutor Sander
  2. 6

    Wenn Ihre ajax-Quelle gibt 

    [[[Hello], [Goodbye], [Test1], [Test2]]]

    Dies ist nicht ok für Datentabellen. Es sollte sein:

    {
     iTotalRecords: "54",
     iTotalDisplayRecords: "22",
     aaData: "[['Hello', 'Goodbye', 'Test1', 'Test2']]"
}

    aaData steht für ein array von arrays.

    InformationsquelleAutor Nicola Peluchetti
Schreibe einen Kommentar