SyntaxError: Неожиданный маркер и в формате JSON

Question

Я использую $http.get() сделать запрос GET, ответ в формате JSON, но с HTML-кодирования для некоторых символов, один пример, как показано ниже, "кодируется с "

{ 
    "description":"invalid", 
    "errorCode":"error.loginInvalid" 
} 

Также я использую $httpProvider.interceptors.push('httpErrorsInterceptor');, httpErrorsInterceptor покажет информацию об ошибке в responseError. Так как ответ JSON не декодируется должным образом, при попытке обработать его, он будет показывать SyntaxError: Unexpected token & in JSON в консоли. Интересно, как мы можем расшифровать ответ JSON при обработке? В $httpProvider?

Answer 1

Один из способов преобразования html объектов в текст - создать элемент dom, вставить строку как html и вернуть ее в виде текста. DOM парсер будет делать работу лучше преобразования, чем писать свой собственный

var str='{ "description":"invalid", "errorCode":"error.loginInvalid&quot"}' 
var JSON = angular.element('<div>').html(str).text(); 

Но пример, показанный еще недействителен JSON из-за дополнительной цитатой по последнему значению

working demo with last &quot removed

Answer 2

тип содержимого ответа является text/html;charset=UTF-8, но angularjs будет анализироваться как JSON, поскольку он начинается с { и заканчивается }, тогда как контент кодируется как HTML, поэтому он будет показывать синтаксическую ошибку, когда парсер встречается с символом &.

Одно из решений состоит в обеспечении transformResponse в $http.config, которая является то, как показано ниже:

$http({ 
    method: 'get', 
    url: yourURL, 
    transformResponse: transformResponse 
}); 

function transformResponse(data) { 
    var json = angular.element('<div>').html(data).text(); 
    return JSON.parse(json); 
} 

Если вы хотите, чтобы преобразовать все ответ, вы можете добавить transformResponse к $httpProvider.defaults.transformResponse.