Jquery problème de mise à jour ajax chrome

Question

Im ayant ce morceau de code

<div id="status">content here</div> 
<input name="order_data" type="button" value="<?php echo $order;?>" class="besttocart" onclick="gotocart(this);" /> 

et Javascript

function gotocart(e) 
{  
    var origtext = $('#status').html(); 
    if(getCookie('language').toLowerCase() == 'en'){ 
    $('#status').html('Loading'); 
    }else{ 
    $('#status').html('het laden');   
    } 

    $.ajax({   
      url: 'index.php?route=foo/bar', 
      type: 'post', 
      async:false, /*I strongly suspect something here*/ 
      dataType:"json", 
      success:function(data){ 

       //do stuff 
      } 
    }); 


} 

La question est dans Google Chrome $('#status').html() est en train de changer pour le "chargement" ou "het chargé" quand Je regarde à travers la console. mais il ne montre pas dans ma page mon contenu de statut est toujours "contenu ici". fonctionne bien dans Firefox

Answer 1

Avez-vous essayez d'utiliser

document.getElemetnById("status").innerHTML="SOMETHING"; 

Answer 2

Je suppose que le problème est avec cette ligne:

getCookie ('langue'),

parce que quand je l'ai changé le code comme ceci,

var origtext = $('#status').html(); 

    var str=getCookie('language'); 

    //changed the code here 

    if(str && str!='' && str.toLowerCase() == 'en'){ 
    $('#status').html('Loading'); 
    }else{ 
    $('#status').html('het laden');   
    } 

cela fonctionne très bien.

Lorsque le cookie n'est pas défini, la fonction getCookie est vide, mais toLowerCase ne l'analyse pas dans Chrome. D'où l'erreur.