我正在练习Json和Jquery,我想了解为什么我返回未定义的renderEvents错误,这是我的代码,当您单击ID为“ #search”的选择选项时,它将在此类上填充数据“ .order-details-table”。我尚未应用过滤器,但我只想使用以下命令显示JSON文件。
$("#search").change(function(){
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET','events.json');
ourRequest.onload = function(){
var ourData = JSON.parse(ourRequest.responseText);
renderEvents(ourData);
};
ourRequest.send();
}),
function renderEvents(calEvent , jsEvent , view){
function insert(title, product, url, time, location){
$(".order-details-table").append('<tr><td class="o-box-name"><a name="detailsevent">'+ product +'</a></td><td class="o-box-name">'+title+'<br><small>'+time+'</small><small> '+location+'</small></td><td><a href="'+ url +'" class="cancel-del-text" target=_"blank">Register!</a></td></tr>');
};
$("html, body").animate({ scrollTop: $(".calendar").offset().top }, 1500);
$(".order-details-table").empty(); // Clear list of products
for (var i = 0; i < calEvent.products.length; i++) {
insert(calEvent.title, calEvent.products[i].name, calEvent.products[i].url, calEvent.products[i].time, calEvent.products[i].location);
}
}