Внутри тега body этого html-файла у меня есть кнопка, нажатие на которую должно привести к выводу содержимого colors.json в консоль.
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<script type="primary" src="colors.json"></script>
<script type="text/javascript">
function load() {
var someData_notJSON = JSON.parse(data);
console.log(someData_notJSON[0].red);
}
function loadJSON(callback) {
var xobj = new XMLHttpRequest();
xobj.overrideMimeType("application/json");
xobj.open('GET', 'colors.json', true);
xobj.onreadystatechange = function () {
if (xobj.readyState == 4 && xobj.status == "200") {
callback(xobj.responseText);
}
};
xobj.send(null); //line 24
}
function init() {
loadJSON(function(response) {
var actual_JSON = JSON.parse(response);
console.log(actual_JSON);
});
}
</script>
<title></title>
</head>
<body>
<button type="button" name="button" onclick=" init()">Click me</button>
</body>
</html>
А вот файл colors.json:
{
"colors": [
{
"color": "black",
"category": "hue",
"type": "primary",
"code": {
"rgba": [255,255,255,1],
"hex": "#000"
}
},
{
"color": "white",
"category": "value",
"code": {
"rgba": [0,0,0,1],
"hex": "#FFF"
}
},
]
}
При загрузке страницы я получаю эту ошибку: Uncaught SyntaxError: Неожиданный токен: Знаете ли вычто вызывает эту проблему?