Как правильно экранировать json в javascript?

Question

[Илья]

Есть json:

{"auth": "true", "user": "ckmp", "status": "ok", "return_count": "1", "return": [{"id": "109", "situation_id": "3487", "datetime_add": "2019-03-19 07:27:47", "description": "\'test\'"}]}

Браузер ругается на строку: $data = JSON.parse($data);
и возвращает ошибку:

Uncaught SyntaxError: Unexpected token ' in JSON at position 175

Как правильно обрабатывать специальные символы?

Comments

[DanKud]

JSON, указанный в сообщении, корректный. Причина в другом. Покажите как вы объявляете саму переменную с JSON.

[Somewhere Intech]

одинарные кавычки не нужно экранировать, если только строка не выглядит так

'{"auth": "true", "user": "ckmp", "status": "ok", "return_count": "1", "return": [{"id": "109", "situation_id": "3487", "datetime_add": "2019-03-19 07:27:47", "description": "\'test\'"}]}'

у Вас не корректный символ в первой позиции, т.е. ищите проблему в '{ ...

[Илья]

DanKud,

function load($url, $mutation, callback) {
	var $token = getCookie('token');
	ajax($url + '&token=' + $token, function($data){
		$data = JSON.parse($data);
		if ($data['auth'] == 'false') {
			$store.commit('ADD_MODAL', {'visible': true});
			$store.commit('ADD_MODAL', {'template': 'auth'});
			$store.commit('ADD_MODAL', {'type': 'auth'});
			$store.commit('ADD_SELECT_ACTION', 0);
		} else {
			$store.commit($mutation, $data['return']);
			updateCookie('token');
		}
		if (callback != undefined) callback();
	});
}

[Илья]

Johnny Lowhunter, Коряво скопировал ошибку, он ругается на 175 позицию.

Uncaught SyntaxError: Unexpected token ' in JSON at position 175

Answer 1

[dollar]

В общем, ваша ошибка:

Uncaught SyntaxError: Unexpected token ' in JSON at position 1

Прямо говорит о том, что на позиции 1 встретилась одинарная кавычка.
1 - это вторая позиция в строке (0 -первая).
Например, строка может быть такой:
{'xxx':123}
Такая строка выдаст похожую ошибку, потому что второй символ (одинарная кавычка) - не валидный.

Comments

[Илья]

А как это можно отследить? У меня json формирует php скрипт.

[dollar]

console.log($data.charCodeAt(0))
А вообще уточните, откуда вы берете json - это то, каким он должен быть, или то, какой он реально доходит до сайта?

[Илья]

dollar, через console.log вывожу полученную от php скрипта страницу

[Илья]

dollar,
console.log($data.charCodeAt(0))
Возвращает 123

[dollar]

Тогда странно, почему не парсит.
А если console.log($data.charCodeAt(1))?
Должно быть 34 (кавычка)

[Илья]

dollar, 34

[Илья]

dollar,

{"auth": "true", "user": "ckmp", "status": "ok", "return_count": "1", "return": [{"id": "109", "situation_id": "3487", "datetime_add": "2019-03-19 07:27:47", "description": "\'test\'"}]}
(index):868 123
(index):869 34
VM341:1 Uncaught SyntaxError: Unexpected token ' in JSON at position 175
    at JSON.parse (<anonymous>)
    at (index):870
    at XMLHttpRequest.r.onreadystatechange ((index):856)

[Илья]

dollar, Для тестирования написал код:

$data = '{"auth": "true", "user": "ckmp", "status": "ok", "return_count": "1", "return": [{"id": "109", "situation_id": "3487", "datetime_add": "2019-03-19 07:27:47", "description": "\'test\'"}]}';
$data = JSON.parse($data);
console.log($data);

И все работает

[Илья]

dollar, и мой косяк, ошибку не целиком скопировал

Uncaught SyntaxError: Unexpected token ' in JSON at position 175

[dollar]

А теперь вы запутались со слешами. Будьте внимательнее. Проблема идёт со стороны PHP. Вот попробуйте это и помедитируйте на результат:

s = `"'"`;
console.log(s)
if (JSON.parse(s)) console.log('Ok');
s = `"\'"`;
console.log(s)
if (JSON.parse(s)) console.log('Ok');
s = `"\\'"`;
console.log(s)
if (JSON.parse(s)) console.log('Ok'); //Error

[Илья]

dollar,
Да я понял в чем проблема.
Я использовал стандартную функцию php (real_escape_string) для экранирования.
Надо писать свою.

[DanKud]

Илья, не понятно для чего вам вообще какое-то экранирование если вы получаете JSON из PHP. Кодируете в JSON через json_encode() и все. Все что нужно будет экранировано автоматически. Никаких дополнительных действий не нужно.