json 响应中的特殊字符在 IE 中未解析

Question

我在 js 文件中使用以下代码从 servlet 获取响应，如下所示：

代码如下：

  function(response){
    $("#city").attr("disabled", false);
    var select = $('#cityList');
    select.find('option').remove();
    var parsedObject = JSON.parse(response);      
    for(var city in parsedObject){           
   $('<option>').val(parsedObject[city].cityName).text(parsedObject[city].cityName).appendTo(select);}}

在 Internet Explorer 中，我收到一条错误消息，指出以下行中的“无效字符”： var parsedObject = JSON.parse(response);

检查响应后，我注意到城市名称导致问题的对象： {"countryId":0,"stateId":0,"cityId":4046,"cityName":"Belle Vall�}

正确的城市名称是 Belle Vallée。似乎 IE 不允许解析这个城市名称，因此下拉列表中没有显示城市值。

在 Google Chrome 中，我确实看到了所有城市值，但是，上述城市名称未正确显示，如下所示：

我遇到了一个解决方案，可以在标题中添加以下代码以允许 chrome 正确显示特殊字符，但它对我不起作用。

以下代码正在 servlet 端执行：

这是我使用 ajax 调用的新函数的样子：

function changeState(){
    var state = $("input#province").val();   
            
    $.ajax({
        type: "GET",    
        url : 'LocationServlet',
        dataType : "json",
        contentType: "application/json; charset=utf-8",
        data : {"stateName": state},        
        success : function(response){
        $("#city").attr("disabled", false);
        var select = $('#cityList');
        select.find('option').remove();
        var parsedObject = JSON.parse(response);

        for(var city in parsedObject){
            $('<option>').val(parsedObject[city].cityName).text(parsedObject[city].cityName).appendTo(select);
        }
      } 
    });     
}

Answer 1

添加

response.setCharacterEncoding("UTF-8");

如果您的响应来自 ajax 调用。只需检查 ajax 调用的内容类型即可。

$.ajax({
    type: "GET",
    dataType : "json",
    contentType: "application/json; charset=utf-8",
    ...
})

Answer 2

您收到的响应似乎已经被解析过了。 而不是行： var parsedObject = JSON.parse(response);

尝试使用作为解析对象接收的“响应”。