为什么在动态设置 iframe 的新 src 时会收到 500（内部服务器错误）？

Question

I have a map that indicates the current user's location..that works..but only sometimes and I don't know why. I sometimes get the error "500 (Internal Server Error)" but when I visit the map.php directly then it works fine.

this is my HTML

<iframe  id="iframe_map" frameBorder="0"  scrolling="no" width="100%" height="200px" src=""></iframe>

this is the javascript

$(document).ready (function(){

  //assume I have some code that gets the users current location

  //here I send the latitude and longitude as parameters to the map.php page
  //I then give my iframe a new map with new coordinates and render on HTML page

  $('#iframe_map').fadeOut(3000,function(){
    $('#iframe_map').attr('src',"map.php?lat="+position.coords.latitude+"&lon="+position.coords.longitude);            
    $('#iframe_map').fadeIn(3500);
  });
});

Answer 1

Try assigning values of lat and long into variables and pass this variables to the url. ie

  $(document).ready (function(){

  //assume I have some code that gets the users current location

  //here I send the latitude and longitude as parameters to the map.php page
  //I then give my iframe a new map with new coordinates and render on HTML page
  var lat_value=position.coords.latitude;
 var long_value=position.coords.longitude;
  $('#iframe_map').fadeOut(3000,function(){
    $('#iframe_map').attr('src',"map.php?lat="+lat_value+"&lon="+long_value);            
    $('#iframe_map').fadeIn(3500);
  });
});

If the problem is not fixed try alerting the url before assigning to iframe and see if giving correct url.

Answer 2

You have to check the absolute path of src. Try in browser debugger in nework section.