Question

更新：感谢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内容出错？

Answer 1

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

<?php
// make sure CHARSET is defined before output.
header('Content-type: application/json; charset='. CHARSET);
?>

仅在Internet Explorer 9中出现jQuery.ajax（）charset错误

1 个答案: