Question

function newPage(pagenum)
{
  /* load page default from server - pass product name */
  $('#data').html("<div id='response'>Loading.....</div>").load(
    '/college/college_change.php',
    { product:'college',
      city:"<?php echo $city ?>",
      university:"<?php echo $university ?>",
      programmes:"<?php $programmes ?>",
      type:"<?php echo $type ?>",
      entrance_exams:"<?php echo $entrance_exams ?>",
      pagenum:pagenum
    });
}

you can just check the code / page at
http://abc.com/tempcollege

I am using this load function, it works well in most browsers, but in IE it does not load the data.

Answer 1

Are you certain it isn’t loading? Could be that it is, but you have a layout glitch in IE that causes your data to not show. This is sometimes the case when an AJAX request seems to work in standards-compliant browsers, but not IE.

Try adding a callback to your load() with a simple alert() of the data returned. See if IE shows the data. If so, then it is some sort of layout issue.

$('#data').html("<div id='response'>Loading.....</div>")
          .load('/college/college_change.php',
                 {   product:'college',
                     city:"<?php echo $city ?>",
                     university:"<?php echo $university ?>",
                     programmes:"<?php $programmes ?>",type:"<?php echo $type ?>",
                     entrance_exams:"<?php echo $entrance_exams ?>",
                     pagenum:pagenum
                 },
                 function(data) { alert(data) }  // Verify data received (or not)
               );

---

EDIT:

Be sure you wrap your jQuery code such that it runs after the DOM is loaded.

Either:

$( function() {
    // my jQuery code
});

Or:

$(document).ready( function() {
    // my jQuery code
});

They are effectively the same.