キャッシュに保持されているAJAXデータのリセット

Question

AJAX呼び出しを行うたびに、結果がブラウザに期待通りにキャッシュされます。しかし、以前の結果は最新の呼び出しを妨げており、予期せぬ動作がWebアプリケーション内で発生しています。

cacheをfalseと設定しようとしましたが、効果がないようです。最新のコールだけを使用できるようにAJAXデータをリセットするにはどうすればよいですか？

function getProductDetails(selected, obj) { 
    if (obj) 
     obj.abort(); 
    } 

    var url = <url>; 

    //Request 
    obj = $.ajax({ 
     url: url, 
     method: 'post', 
     cache: false, 
     data: { 
      action: action, 
      frontend: frontend, 
      selected: selected 
     } 
    }); 

    obj.done(function(data) { 
     var items = JSON.parse(data); 
     ... 
    }); 
} 

$(document).on('ready', function() { 
    selected = $('.selected').html(); 
    var products = getProductDetails(selected, obj); 

    $('.tabs-nav li').each(function(){ 
     $(this).on('click', function(){ 
      products = getProductDetails(selected, obj); 
     }); 
    }); 
} 

Answer 1

私の推測では、Ajaxコードは完璧です。問題は

$('.tabs-nav li').each(function(){ 
    $(this).on('click', function(){ 
     products = getProductDetails(selected, obj); <--- 
    }); 
}); 

あなたがクリックしたものにしますか？また、objを渡すのは意味がありません。

私の推測では、あなたはAJAX呼び出しを作っているどのように私たちを見ることができますか？あなたは

var obj; 
function getProductDetails(selected) { 

    if (obj) 
     obj.abort(); 
    } 

    var url = <url>; 

    //Request 
    obj = $.ajax({ 
     url: url, 
     method: 'post', 
     cache: false, 
     data: { 
      action: action, 
      frontend: frontend, 
      selected: selected 
     } 
    }); 

    obj.done(function(data) { 
     var items = JSON.parse(data); 
     ... 
    }); 
} 

$(document).on('ready', function() { 
    var selected = $('.selected').html(); 
    var products = getProductDetails(selected); 

    $('.tabs-nav li').each(function(){ 
     $(this).on('click', function(){ 
      products = getProductDetails(this.innerHTML); 
     }); 
    }); 
}