javascript - クロムでのJquery ajax更新の問題

Question

私はこのコードを持っています

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

と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
            }
    });


}

問題は、Google chrome$('#status').html()で、コンソールを見ると「読み込み中」または「het laden」に変わっていることですが、私のページには表示されません。Firefox で正常に動作する

Answer 1

問題は次の行にあると思います：

getCookie('言語'),

このようにコードを変更すると、

   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');        
    }

これはうまくいきます。

Cookie が設定されていない場合、関数 getCookie は空白を返しますが、toLowerCase は Chrome で解析していません。したがって、エラー。

Answer 2

使ってみましたか

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