Почему не парсит json?

Question

[Ingernirated]

function crt() {
	xhr = new XMLHttpRequest();
	
	xhr.onreadystatechange = function() {
		if(this.readyState == 4 && this.status == 200) {
			document.querySelector(".list").innerHTML = JSON.parse(this.responseText);
		}
	}
	xhr.open("GET", "line.json", true);
	xhr.send();
	console.log("done");
}

{
"
<div class="div"><h1>hello</h1></div>
"
}

Uncaught SyntaxError: Unexpected token
in JSON at position 4
at JSON.parse ()
at XMLHttpRequest.xhr.onreadystatechange

Где я косяк?
Вроде кавычки все на месте.

Answer 1

[roswell]

Потому что JSON у вас невалидный. Приведите его к такому
{"html":"<div class=\"div\"><h1>hello</h1></div>"}
либо к такому
"<div class=\"div\"><h1>hello</h1></div>"
виду.

Comments

[Ingernirated]

спасибо, а такой ещё момент, почему при повторном вызове этого запроса не появляется 2-ой блок с классом div?

[roswell]

Ingernirated: потому что innerHTML заменяет предыдущее содержимое элемента .list

[Ingernirated]

roswell: точняк, спс! )

[Ingernirated]

roswell: тысяча извинений, но вот нюанс ещё остался

'webkitIDBDatabase' is deprecated and will be removed in M57, around March 2017. Please use 'IDBDatabase' instead. See https://www.chromestatus.com/features/5775330191081472 for more details.
Почему выдает эту ошибку, когда в json запись
"
< -div class=\"div\">< -h1>hello< -/h1>< -/div>
"
, а не "< -div class=\"div\">< -h1>hello< -/h1>< -/div>"; с этой всё в порядке.

В примерах везде показано, как не строчная, а
{
"name":"John",
"age":30,
}

И в каком разделе json описывается \"div\" этот момент, я раньше и не знал об этом.

[roswell]

Ingernirated: по ссылке рекомендуют использовать IDBDatabase вместо webkitIDBDatabase, и с JSON-ом это явно не связано. Что же до экранирования содержимого строк, то на www.json.org строка описывается как "A string is a sequence of zero or more Unicode characters, wrapped in double quotes, using backslash escapes. A character is represented as a single character string. A string is very much like a C or Java string."