Create table from Json response using Knockout.js

Question

I am trying to create a table using Json response and Knockout.js In Javascript ``` $(document).ready(function() { $.ajax({ method : "POST", url : "devTestServlet", success : function(data) { ko.applyBindings({ rows : data }); } }); }); ``` In HTML first of all I imported scripts in header: ``` ``` Then in body I did following: ```

ID	Name	Start Date	Finish Date	Position

…

Accepted Answer

`$.ajax` returns the response as a string by default, knockout needs a JavaScript object. So you either have to specify `dataType` as `JSON`

```
$.ajax({
   method: "POST",
   url: "devTestServlet",
   dataType: 'json', 
   success: function(data) {
       ko.applyBindings({ 
           rows : data
       });
   }
});
```

or do the conversion yourself

```
$.ajax({
   method: "POST",
   url: "devTestServlet",
   success: function(data) {
       ko.applyBindings({ 
           rows : JSON.parse(data)
       });
   }
});
```

Create table from Json response using Knockout.js

Solution

Problem