AJAX, IE et contenu texte

Si vous avez un script Javascript qui, via AJAX, appelle un fichier qui retourne une simple chaîne de caractères, vous allez peut-être vous retrouver avec ce bogue sous Internet Explorer.

Exemple, un script PHP (fichier.php) qui retourne la chaine :

<?php
  print "Une chaine!";
?>

Et, un script Javascript (utilisant jQuery) :

$.ajax({
    url  : 'fichier.php',
    type : 'GET',
    dataType : 'text',
    success : function(data) {
        alert(data);
    }
})

Lors de l’exécution du script, une petite boîte contenant « Une chaine! » apparaitra, n’est-ce pas? Hé bien non, pas dans IE.

Même si on spécifie, lors de notre requête AJAX, que le contenu que l’on va recevoir est de type text, IE va tenter de le parser comme s’il s’agissait de code HTML. Le message d’erreur retourné par l’objet XMLHttpRequest est parsererror.

La solution? Servir le fichier appelé via AJAX en tant que text/plain pour forcer IE à le traiter comme un fichier texte et empêcher de le parser.

<?php
  header("Content-type: text/plain; charset=UTF-8");
  print "Une chaine!";
?>