[jQuery] How do I cache a page once it has been loaded via AJAX?
How do I cache a particular page that has been loaded via Ajax GET
request. I want it to stop the GET request after it has been loaded
and simply show data onclick. I set the cache setting to 'true' and it
still calls the request. What am I doing wrong?
<code>
<a id="myLink" href="javascript:;">My Link</a>
<div id="myContainer"></div>
<script>
$(document).ready(function() {
$.ajaxSettings.cache = true;
$('a#myLink').click(function(){
$.ajax({type: "GET", url: 'myPage.jsp', cache: true, dataType:
'html',
success: function(html)
{document.getElementById('myContainer').innerHTML = html;}
});
});
</script>
</code>