ajax post设置缓存,在Jquery中缓存AJAX POST响应

我在下面有一个完全可用的JS代码，但它将POST请求发送到服务器以查看每个单击事件。如何缓存下面的AJAX post响应？ 理想情况下，缓存应该保存为JS变量。如果它已经加载并存在于缓存中，它将被显示(不执行POST)。如果尚未加载，它将执行POST请求并保存在缓存中，然后显示。在Jquery中缓存AJAX POST响应

jQuery(document).ready(function($) {

var _doing_ajaxx = false;

$('.toolbar').remove();

$('#mydiv #frontend').click(function() {

if (_doing_ajaxx) {

return false;

}

var title_shortcode = $(this).text();

var insert_namex= $(this).attr('class');

var titlejsselector=title_shortcode.replace(/ /g,'');

var buttonval=$('#'+titlejsselector+' input').val();

if (buttonval=='Minimize') {

//stop ajax request if button is set

$('#'+titlejsselector+' div').remove();

$('#'+titlejsselector+' input').remove();

} else {

//initialize ajax variables

var data = {

action: 'test_ajax_response',

test_ajax_response_nonce: the_ajax_script.test_ajax_response_nonce,

postID_from_ajax : the_ajax_script.postid_to_ajax,

insert_name_ajax: insert_namex,

title_ajax: title_shortcode

};

//do an ajax request

_doing_ajaxx = true;

$.post(the_ajax_script.ajaxurl, data, function(response) {

$(this).next().slideToggle();

$('#mydiv #'+titlejsselector).append(response+"");

SyntaxHighlighter.highlight();

$('.toolbar').remove();

_doing_ajaxx = false;

});

}

//return false;

});

});

我试图使用PHP添加此代码，这是行不通的：

header("Cache-Control: private, max-age=$seconds");

header("Expires: ".gmdate('r', time()+$seconds));

?>

如果有人可以提供一些示例代码上手，我会很乐意欣赏它。谢谢。