Browser cache issue in IE

Question

I have this JavaScript code:

  $('#selectionoptions').change(function() {
  var courseId = $(this).val();
  $.get('../php/lecturer_getcourse_info.php',
      { course_id: $(this).val() },
      function(courseData) {
          var description = courseData.description;
          $("#coursecontent").html(description);
          ...

Assume I can also modify 'description' and save it back to the db. Now, on Firefox every time I refresh the page I see the correct description; but on IE I have to clear the cache before I see the correct description....

How can I fix this?

Answer 1

The reason being in IE you have to false the Ajax Calls not to cache.

Use this:

$.ajaxSetup({
    // Disable caching of AJAX responses
    cache: false
});

or use a completely different ajax call rather than $.get such as:

$.ajax({
  url: "test.html",
  success: function(data){
    alert('data returned!');
  },
  cache: false
});