Answers

• allan Posts: 63,364Questions: 1Answers: 10,449 Site admin

  July 2015

  You should link to a test page showing the issue so we can debug it :-)

  Allan
• oldano97 Posts: 10Questions: 4Answers: 0

  July 2015

  Here is my table initialization:

  var table = $('#user').DataTable( {
          pageLength: 20,
          dom: 'Tfrtip',
          ajax: {
              url: "getUsers.php",
              type: 'POST'
          },
          columns: [
              { data: "USER.USR_LASTNAME" },
              { data: "GROUP.GRP_NAME" }
          ]
        });
  

  And with this metod I post to a php page the data taken from a modal, then I call the ajax.reload() :

  $('#save').click(function(){
          var data = new Array(
              new Array("NaN", ($('#addLast').val())),
              new Array("aN", ($('#addGrp').val()))
            );
          var tb = new Array(1, "USER");
          var usr= { 
            tb: tb,
            data: data
          };
          $.post("add.php", usr);
          table.ajax.reload(null, false);
        });
  

  The php page just insert the data into a mysql db.

  The problem is that in all the browsers when I insert a new row using this functions it works fine, and after the table automaticaly reload his correct content from the db, but in Internet explorer after the ajax.reload() the table still showing the old data.

  I thought it was a problem of the IE cache, so I added this in my script:

  $.ajaxSetup({cache: false});
  

  But it still not working.
• allan Posts: 63,364Questions: 1Answers: 10,449 Site admin

  July 2015 Answer ✓

  I would suggest doing the ajax.reload() call inside a $.post callback - regardless of what browser you are using.

  Allan
• oldano97 Posts: 10Questions: 4Answers: 0

  July 2015

  Thank you a lot,
  I had already solved my problem with a setTimeout(); but your solution is more efficently, of curse. Now it works fine.