title: Ajax request don't start immediately
body: <p>How can i stop this from autoplaying, I have a search button and I want to search first before getting the data, any approach is okay to me, whether it's AJAX side or Javascript side, please help.</p>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>var table = $('#SARDatatable').DataTable({
      "processing": true,
      dom: "&lt;'row'&lt;'col-sm-6'l&gt;&lt;'col-sm-6'f&gt;&gt;" +
          "&lt;'row'&lt;'col-sm-12'tr&gt;&gt;" +
          "&lt;'row'&lt;'col-sm-2'i&gt;&lt;'col-sm-5'B&gt;&lt;'col-sm-5'p&gt;&gt;",
      buttons: [
          'copyHtml5',
          'excelHtml5',
          'csvHtml5',
          'pdfHtml5',
          'print'
      ],
      "ajax": {
          "url": '/Home/GetAllSAR',
          "type": "POST",
          "datatype": "json",
          "data": function (d) {
              d.searchParameters = {};
              d.searchParameters.sarcode = $('#txtSAR').val();
              d.searchParameters.stype = $('#txtSType').val();
          }
      },
      "columns": [
          { "data": "sarcode", "autoWidth": true },
          { "data": "stype", "autoWidth": true },
          { "data": "amount", "autoWidth": true },
          { "data": "filterno", "autoWidth": true }
      ]
  });
  
  $('#btnSearch').on("click", function () {
      table.ajax.reload();
  });
  </code></pre>