更新:感谢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);
?>