Dynatable not rendering JSON response from Ajax

Question

This is the output of the rest server that I need to show in the table:

{"records":[{"id":2,"name":"www.xyz.com","target":"https://www.abc.com/"},{"id":3,"name":"sample1","target":"http://www.google.com/"},{"id":4,"name":"www.aaa.com","target":"http://www.google.com/"}],"queryRecordCount":3,"totalRecordCount":3}

The JS script for dynatable is:

$(document).ready(function(){
    $.ajax({
      url: '/org.example.models.Domain',
      success: function(data){
        $('#my-table').dynatable({
          dataset: {
            records: data
          }
        });
      }
    });
});

When the html was loaded the my-table was rendered as a table but no data on it. What could be wrong in my code?

score 0 · Accepted Answer · answered Aug 27 '14 at 17:26

0

This does not work because dynatable accepts data in the form of JSON, and the jQuery AJAX command automatically parses (decoded) data into a JavaScript array or object.

You have two options:

Set dataType: 'text' in your jQuery AJAX call, in order to stop the data being automatically parsed.
Use the dynatable built-in AJAX call which is probably better. You can see the docs for this at http://www.dynatable.com/#json-from-ajax.

answered Aug 27 '14 at 17:26

Zak

1,910
3
16
31

I did add 'text' in there, now its showing 'Processing...' and 'Showing null records' – quarks Aug 27 '14 at 18:12
I also did the built-in AJAX same thing happens – quarks Aug 27 '14 at 18:27
Does it come up with an error message for either of the cases? – Zak Aug 27 '14 at 18:43
Is it possible that you could put your full code on a JS Fiddle, or post it here? – Zak Aug 28 '14 at 19:15

Dynatable not rendering JSON response from Ajax

1 Answers1