AJAX jQuery 在 IE8 上成功，在 IE10/Chrome/FF 上失败

Question

我在使用 jQuery 和 AJAX 时遇到了一个非常奇怪的问题。 我的 AJAX 调用在 IE8 上success ，但在 IE10、Chrome 和 Firefox 上error 。

以下是 Zend Framework 2 中的 PHP 代码：

$response = $this->getResponse();
$headers = $response->getHeaders();
$headers->clearHeaders()
        ->addHeaderLine('Content-Type', 'application/json; charset=utf-8');
$response->setContent(json_encode($array));
return $response;

$array是一个 PHP 数组。

这是我的 Javascript 代码：

$.ajax({
    url: "/application/getTypeDossierParPilote/" + idPilote,
    type: "POST",
    async : false,
    success: function(data) {
        LISTE_TYPE_BANDEAU = data;
        ID_PILOTE_SELECTED_BANDEAU = idPilote;
        LISTE_TYPE_BANDEAU_LOADED_BANDEAU = true;                    
    },
    error: function errorHandler(e)             
        ID_PILOTE_SELECTED_BANDEAU = 0;
        LISTE_TYPE_BANDEAU_LOADED_BANDEAU = false;
        LISTE_TYPE_BANDEAU = null;                      
    }                
});

使用IE8时， success ，数据可用。 使用 IE10 时，它会error 。 虽然，当我的客户在 IE10 上尝试这个时，他没有遇到任何问题，所以我认为它会直接success 。

我尝试添加类似dataType: "json",甚至dataType: "html",以检查 JSON 是否正确，在后一种情况下它会success ，但数据不可用。

当我使用浏览器的开发人员模式复制响应正文并检查http://jsonlint.com/ JSON 是否正确时，我收到以下消息：

JSON.parse：JSON 数据第 1 行第 1 列的意外字符

其中第一个字符是大括号。 这是我得到的 JSON 示例：

{
    "typeDossier": [
        {
            "type": "MED",
            "famille": "AEC",
            "codeType": 1,
            "session": ""
        },
        {
            "type": "HPS",
            "famille": "AEC",
            "codeType": 2,
            "session": ""
        }
    ],
    "aecHps": true,
    "CodeAecHps": "1,2,",
    "tous": "1,2,"
}

希望你能帮我解决这个奇怪的问题。 先感谢您。 问候，

Answer 1

我的问题已修复，是由我的项目配置文件中出现的 BOM 字符引起的。

在这里查看我是如何修复它的： Web 服务器响应生成 UTF-8 (BOM) JSON