Я использую функцию $.ajax в JQuery для получения JSON из файла. Файлы HTML, JavaScript и json находятся в одном каталоге. Проблема заключается в том, что когда я печатаю данные, возвращенные из функции обратного вызова success, он печатает HTML-разметку HTML-страницы вместо JSON.
Вот мой data.json файл:
{
"products":[
{
"skuNum":"SKU# 105423-2",
"brand":"nike running shoes",
"section":"men > shoe > Running shoes",
"img":"392232_004_ss_01.jpg",
"price":500
},
{
"skuNum":"SKU# 105423-2",
"brand":"south face jacket",
"section":"women > Apparel > jackets",
"img":"jacket.jpeg",
"price":800
}
]
}
мой JQuery:
$(function () {
$.ajax({
type: 'GET',
URL:'data.json',
success:function (data) {
console.log(data);
},
error:function (error) {
console.log('error')
}
});
});
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="ajax.css">
<script src="jquery-3.3.1.js"></script>
</head>
<body>
<nav>
<a href="#">Home</a>
<a href="#" id="products">Products</a>
<a href="#">Help</a>
</nav>
<div class="container">
</div>
<script src="ajax.js"></script>
</body>
</html>
А вот фрагмент вывода:
