我的代码出现问题,但我不知道原因。请帮助我。
我有一个AJAX调用,返回以下JSON数据,但无法返回json文件中的数据:
$(function() {
ajaxJS();
function ajaxJS(e) {
if (e) {
e.preventDefault();
}
$.ajax({
url: "https://raw.githubusercontent.com/RichmondDay/public/master/test_vehicle_inventory_data.json",
method: "GET",
success: function(data) {
console.log(data);
var html_to_append = '';
$.each(data, function(i, item) {
html_to_append +=
'<div class="col-3 mb-3"><div class="text-uppercase"><p>' +
item.Name +
'<div class="col-3 mb-3"><div class="ext-uppercase"><p>' +
item.Price +
'</p></div><img class="image img-fluid" src="' +
item.photo +
'" /><p class="company">' +
item.Retailer +
'</p></div>';
});
$("#items-container").html(html_to_append);
},
error: function() {
console.log(data);
}
});
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container-fluid">
<div id="items-container" class="row"></div>
</div>
Json
console.log(data);
记录了什么?数据已经解析了吗?是否有任何控制台错误? - Taplar