ajax响应json被转义了

在使用Ajax发送网络请求时，有时我们会遇到响应的JSON字符串被转义的情况。这个问题的根本原因是在服务器端返回JSON字符串时，未对特殊字符进行转义处理。在将JSON字符串以HTML文本的形式返回给客户端时，浏览器会自动将特殊字符转义，从而导致JSON字符串被破坏。

{
    "name": "John","address": "Apt #2,123 Main St."
}

以上是一个正常的JSON字符串示例，但在Ajax中可能会遇到以下形式的响应：

{
   "name": "John",123 Main St."
}

可以看到原本的双引号被转义为了"，这时如果直接解析这个JSON字符串，就会出现语法错误。解决这个问题有两种方法：

1.将JSON字符串进行反转义

const response = '{"name": "John","address": "Apt #2,123 Main St."}';
const unescapedResponse = response.replace(/&(quot|lt|gt|amp);/g,function (match) {
   switch (match) {
       case '"':
           return '"';
       case '<':
           return '';
       case '&':
           return '&';
   }
});
const responseJson = JSON.parse(unescapedResponse);

上面的代码会将"、<、>和&依次转义回双引号、小于号、大于号和和号。

2.在服务器端对JSON字符串进行转义处理

在服务器端对JSON字符串进行转义处理，可以确保在响应到客户端时，JSON字符串是完好无损的。例如，在PHP中可以使用json\_encode函数进行转义：

$myArray = array("name"=>"John","address"=>"Apt #2,123 Main St.");
$myJson = json_encode($myArray);
echo $myJson;

以上代码会将$myArray转换为JSON字符串并使用echo输出，这时JSON字符串是完整的，不会被浏览器自动转义。