jquery ajax appel ne fonctionne pas dans IE 7 ou 8, mais fonctionne dans Firefox

Question

Internet Explorer semble ignorer cet appel de fonction ajax (ci-dessous), mais il fonctionne très bien dans FF?

aider quelqu'un s'il vous plaît ...

<script type="text/javascript"> 
function ajax_request(PartNum,InText) { 
    var str=PartNum; 
    str=str.replace(".","_"); 
    strHTML = $('#image-placeholder'+str).html(); 
    if (strHTML == '<p></p>') 
    { 
     $('#image-placeholder'+str).html('<p><mg src="/images/catalog/items/'+PartNum+'.gif" /></p>'); 
      $('#text-placeholder'+str).html('<p>'+InText+'</p>'); 
    } 
     else 
     { 
     $('#image-placeholder'+str).html('<p></p>'); 
     $('#text-placeholder'+str).html('<p></p>'); 
     } 
} 

</script> 

Answer 1

if (strHTML == '< p> </p>')

IE peut en majuscules ces balises pour vous, ce qui rend ce < P> </P> ', qui fait ne correspond pas. Alors que vous pouvez résoudre le problème immédiat en faisant 'if (strHTML.toLowerCase() == ...', ce n'est pas une bonne idée de s'appuyer sur la sortie innerHTML d'un navigateur car vous ne pouvez pas être sûr que sa sérialisation a été gagnée « t faire des choses inattendues comme l'omission d'une balise de fin ou l'ajout superflu des espaces

Essayez par exemple de voir s'il y a un < img> nœud d'élément dans l'espace réservé à l'aide quelque chose comme:.

if ($('#image-placeholder'+str+' img').length==0) { 
    ... 
} 

Answer 2

Il vous manque le 'i' dans '<p><mg src="/images/catalog/items/' devrait être '<p><img src="/images/catalog/items/'