title: How to set AJAX response to jquery data table columns?
body: <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>