How to set AJAX response to jquery data table columns?
<p>Can anyone tell me how to set the response to jquery data to each table columns.</p>

<p>Here is my javascript code:</p>

<pre><code>$(document).ready (function() {
$.ajax({
    url: 'userController?action=list',
    success : function(response) {
        var jsonObject = $.parseJSON(response); 
        alert(jsonObject.Password);
        alert(jsonObject.UserId);
        $('#usertable').dataTable( {
            data : jsonObject,
            columns: [
                      {'jsonObject' : 'UserId'},
                      {'jsonObject' : 'Password'},
                      {'jsonObject' : 'Level'},               
                      ],
            searching : false
        });
    }
});});
</code></pre>

<p>Here the response in String and the response is 
<code>{"UserId" : "Manohar", "Password" : "1234", "Level" : "lev"}</code>.</p>

<p>Below is the jsp page.</p>

<pre><code>&lt;table id="usertable"&gt;
&lt;thead&gt;
    &lt;tr&gt;
        &lt;th&gt;User Id&lt;/th&gt;
        &lt;th&gt;Password&lt;/th&gt;
        &lt;th&gt;Level&lt;/th&gt;
    &lt;/tr&gt;
&lt;/thead&gt;
</code></pre>

<p></p>

<p>I have written the above and neither I am getting error nor the row is added to table. Can you guys help me in this?</p>