title: How to send form data along with jQuery DataTables data in server-side processing mode
body: <p>I am trying to post form data without success and data couldn't be loaded.</p>
  
  <p>How can I pass all form data with array and single textbox, combobox, etc. to <code>fnServerdata</code>?</p>
  
  <pre><code>table_obj = $('#group-table').dataTable({
     "sAjaxSource": "URL Goes here",
     fnServerData: function(sSource, aoData, fnCallback,oSettings) {
        oSettings.jqXHR = $.ajax( {
           "dataType": 'json',
           "type": "POST",
           "url": sSource+'?'+$.param(aoData),
           "data": $("#frm").serializeArray(),
           "success": fnCallback
        } );
     },
     aaSorting: [[ 1, "desc" ]],
     bProcessing: true,
     bServerSide: true,
     processing : true,
     columnDefs: [{
          'targets': 0,
          'searchable':false,
          'orderable':false,
          'className': 'dt-body-center',
          'render': function (data, type, full, meta){
              return '&lt;label&gt;&lt;input type="checkbox" name="user_id[]" value="' + $('&lt;div/&gt;').text(data).html() + '"&gt;&lt;/label&gt;';
          }
       }],
     rowCallback: function(row, data, dataIndex){
         // If row ID is in list of selected row IDs
         if($.inArray(data[0], rows_selected) !== -1){
            $(row).find('input[type="checkbox"]').prop('checked', true);
            $(row).addClass('selected');
         }
     },
     iDisplayLength: '50',
  });
  </code></pre>