Forcer l'appel ajax pour effacer le cache

Question

J'ai un cms dans lequel je peux changer les positions des objets. Après chaque changement de position, l'appel ajax met à jour toute la liste des objets. Mais malheureusement, certaines données sont stockées dans le cache et aucune modification n'est visible. Existe-t-il un moyen de forcer le cache avec javascript/request/other? J'ai essayé 'cache: false' dans $.ajax mais ça ne marche pas.

Voici une page d'exemple:

http://ntt.vipserv.org/manage/playforward

Et mes js:

$(".object-position").livequery("change", function() { 
    $("#objects-list input").attr('disabled', true); 
    var action = $(this).attr('name'); 
    var position = $(this).attr('value'); 
    var id = $(this).attr("id"); 
    var model = id.split("-")[0]; 
    var object_id = id.split("-")[1]; 

    $("#loader").show(); 
    $("#loader").fadeIn(200); 

    $.ajax({ 
     type: "POST", 
     async: true, 
     url: "/manage/update_position/", 
     data: "action=" + action + "&model=" + model + "&object_id=" + object_id + "&position=" + position, 
     dataType: "json", 
     success: function(data){ 
      $("#loader").fadeOut("fast", function() { 
       $("#loader").hide(); 
      }); 
      $("objects-list").html(data["html"]); 
      $("#message").show(); 
      $("#message").fadeIn(400).html('<span>'+data["message"]+'</span>'); 
      setTimeout(function(){ 
       $("#message").fadeOut("slow", function() { 
        $("#message").hide(); 
       }); 
      }, 1500); 
     } 
    }); 
    $("#objects-list input").attr("disabled", false); 
    return false; 
}); 

Answer 1

Vous avez

$("objects-list").html(data["html"]); 

Essayez ceci:

$(".objects-list").html(data["html"]); // forgot leading dot? 

, il semble aussi que vous essayez de remplacer le contenu de la table .objects-list avec certains html qui comprend l'élément lui-même <table> . Donc, vous aurez <table...><table...>, etc., après le remplacement du contenu .html().

Answer 2

Qu'est-ce que cache: false fait est d'ajouter le temps aux données de demande, de sorte que chaque demande est effectivement unique et par conséquent contourne le cache du navigateur. Je me demande si le fait que vous utilisiez une chaîne de données plutôt qu'un objet pose des problèmes ici. Essayez d'utiliser un objet à la place:

$.ajax({ 
    type: "POST", 
    async: true, 
    url: "/manage/update_position/", 
    data: { 
     "action": action. 
     "model": model, 
     "object_id": object_id, 
     "position": position 
    }, 
    cache: false, 
    dataType: "json", 
    success: function(data){ 
     //[snip] 
    } 
}); 

Answer 3

Il suffit de remplacer

url: "/manage/update_position/", 

avec

url: "/manage/update_position/?nocache="+Math.random(), 

pour forcer recharger la page ne pas utiliser le cache du navigateur.