Internet Explorer 6 : Euro sign not displayed on ajax request

Question

Hello, i'm using jquery 1.4.2 to send an ajax request to a php page then display the result.

This works fine with FF3 and IE8, but in IE6 the character € is replaced by a square, i tried to force the character encoding of the php page using header() but it didn t work...

I'm working on windows with Zend Studio for eclipse (projet encoding is utf-8)

here is the ajax call :

$.ajax({
  url:'index.php?module=ajax&action=getCommande&no-header=1&id='+id ,
  cache:true,
  success:function(html){
    $("#recap_commande").html(html);
  }
});

requested page :

<?php
header('Content-type: text/html; charset=utf-8');
echo "Récapitulatif de la demande " . $_GET ['id'] . " (".$this->getTotal($nb["COD_ART"],$nb["COD_OPTION"])." €) ";
?>

Any help will be appreciate.

Answer 1

I would recommend you to avoid concatenating parameters as you did. Use the data hash like this so that jQuery take care of properly encoding url values:

$.ajax({
    url: 'index.php',
    cache: true,
    data: { module: 'ajax', action: 'getCommande', no-header: '1', id: id },
    success: function(html) {
        $('#recap_commande').html(html);
    }
});

Also make sure that your pages are utf-8 encoded.

Answer 2

On some computers, the Euro character might not be in the font being used by IE6. Another possibility is that IE6 is merely incapable of correctly rendering the character. This is a known problem with older Microsoft products, but I don't know if it extends to IE6 or not. I do know that, if the font is missing, IE will display the numerical character code (€) as a small box rather than €.

Your safest bet is to use some kind of filtering to degrade gracefully for older browsers. I'd recommend adding this just before your AJAX call:

var IEsix = ($.browers.msie && $.browser.version.substr(0,1)<7) ? true : false; 

Then pass this new variable along with your AJAX request and have your server-side script change its formatting based on whether or not you're serving data for IE6. For most browsers, you could say something like "€44". For IE6 you could instead return "44 Euros."

Answer 3

Sorry, this was a specific computer problem, the euro sign is correctly display on another computer with same OS and IE6 ....

I dont understand where the problem came from , i tried to empty the cache still the same... when alerting ajax response the € is correctly display, when copy the square character then paste it in notepad i can see the € ! ??

my life will be so much simplier without this stupid ie6!