jQuery.ajax()字符集错误仅在InternetExplorer9中出现


jQuery.ajax() charset error only in Internet Explorer 9

更新:感谢Rob W指出代码没有任何问题。在后台发现一个错误,在传递header()时尚未定义CHARSET。IE对此很敏感,而Chrome和FF则不然

这种情况可用于支持动态字符集的平台上的AJAX调用

------------------

[原帖]

我以为jQuery为我们解决了浏览器的差异。我完全不知道为什么它在Chrome和FF中完美工作,而在IE中却不能。

在Chrome和FF中:

该脚本完美地发布了一个iso-8859-1编码的ajax请求。结果是iso-8859-1编码的,并很好地返回。

在IE9中

在后端,根据(get_address.json.php)的头,我得到不同的结果:

// Throws readyState 0 error in IE.
header('Content-type: application/json; charset=iso-8859-1');
// Works in IE9 but strips foreign characters.
header('Content-type: application/json; charset=utf-8');
// Same result as utf-8 above
header('Content-type: application/json');

脚本:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
  $(document).ready(function() {
    $("input:button[name=get_address]").click(function() {
      $.ajax({
        url: "get_address.json.php",
        type: "POST",
        data: $("input:text[name=crn]").serialize(),
        cache: false,
        async: false,
        dataType: "json",
        beforeSend: function(xhr) {
          xhr.overrideMimeType("application/x-www-form-urlencoded; charset=<?php echo CHARSET; ?>");
        },
        error: function(jqXHR, textStatus, errorThrown) {
          alert(jqXHR.readyState + ''n' + textStatus + ''n' + errorThrown.message);
        },
        success: function(data) {
          if (!data) {
            alert("Error: No response");
            return;
          }
          if (data.error) {
            alert(data.error);
            return;
          }
          $("input:text[name=firstname]").val(data.firstname);
          $("input:text[name=lastname]").val(data.lastname);
          $("input:text[name=street_address]").val(data.street);
          $("input:text[name=postcode]").val(data.postcode);
          $("input:text[name=city]").val(data.city);
        },
        complete: function() {}
      });
    });
  });
</script>
<input type="text" name="crn"> <input type="button" name="get_address" value="Get Address" />

模拟JSON响应(带有ISO-8859-1外来字符):

<?php
header('Content-type: application/json; charset='. CHARSET);
echo '{"census":"1","protected":"0","crn":"19000000-1234","firstname":"Åke","lastname":"Jönsson","co":"","street":"Testvägen 1","postcode":"72344","city":"Göteborg"}';
?>

IE中的错误警报()显示:

[object Error]
error
[object Error]

我不喜欢像转换字符集这样的解决方案,除非这是唯一可能的解决方案。后端是osCommerce,纯粹是iso-8859-1。

我们如何防止在没有字符转换的情况下为iso-8859-1内容引发错误?

确保被调用的脚本返回有效的内容类型字符集。

<?php
// make sure CHARSET is defined before output.
header('Content-type: application/json; charset='. CHARSET);
?>
相关文章:
  • 没有找到相关文章