Question

I have encountered a very strange problem in using jQuery load(). I used it to load a php file in a div container. It’s working fine on my localhost but on the server it does not load the php file and instead gives

Failed to load resource: the server responded with a status of 500 (Internal Server Error)

I don’t know why is this happening. My jQuery code is:

//ADD THE Description TO THE HOLDER
infofield.append('<div id="'+opt.style+' description" class="'+opt.style+' description">'+item.data('desc')+'</div>');

// ATTACHED the comments to the LIGHTBOX
$('.description').load('gallery_comments.php?id='+id+'&pic='+imgsrc+'&a'+ab); 

Is there a server issue? Using on localhost with WAMP server and testing cross browser compatibility it runs in all browsers, even in IE8. Can any one help?

update ** just used chrome and found out one bug in Uncaught ReferenceError: $ is not defined in line 9 and line 9 code is

   $(function() {  
  $('div.viewgp').hide(); 
   $('.slidegp').click(function() { 
  $('.viewgp').fadeToggle(200); 
  }); 
  });

Answer 1

You say you can access gallery_comments.php directly, but with what query string parameters? Are you sure that you use the same ones which are appended via the values of id, imgsrc, and ab in the following line?

$('.description').load('gallery_comments.php?id='+id+'&pic='+imgsrc+'&a'+ab); 

Try the following changes to determine exactly what you’re trying to load, and navigate directly to the url that comes to your console or alert box:

var url = 'gallery_comments.php?id='+id+'&pic='+imgsrc+'&a'+ab;
console.log(url); // or alert(url);
$('.description').load(url);

If I wanted to play psychic debugging, these would be my first two guesses:

• one of the parameters is required server side, but is null / empty / undefined in your javascript
• There is an attempt to access a resource that is accessible on your localhost environment but not on the remote server environment