我想显示对以下 HTML 的 ajax 响应,其中最初有 0 个可用插槽,可以在 ajax 响应上更改。 并且根据数据响应dropdown_wrapper类
<span class="selected_item">0 available Slots</span>
<div class="form_item_dropdown">
<div class="dropdown_wrapper">
<li class="timeSlot" id="time1">
<i class="icon fa fa-clock-o" aria-hidden="true">
</i>
<span class="item_title">10am - 4pm (value comes through Ajax)</span>
</li>
</div>
</div>
Ajax 代码:
$(".school_title").on("click", function (argument) {
var id = $(this).attr('id');
var info=$.get("{{url('school-slot')}}",{id:id});
info.done(function(data){
console.log(data.length);
/* $.each(data,function(index,subcatObj){
}); */
});
});
这是回复:
{id: 3, school_id: 3, break_time: "10am - 8pm"}
{id: 4, school_id: 3, break_time: "10am - 4:30pm"}
最佳答案
只需更改 foreach 循环的内容即可。
var divContent = '';
$.each(data,function(index,subcatObj){
divContent += '<li class="timeSlot" id="time'+subcatObj.id+'"><i class="icon fa fa-clock-o" aria-hidden="true"></i><span class="item_title">'+subcatObj.break_time+'</span></li>';
});
$(".dropdown_wrapper").append(divContent);
关于javascript - 如何打印 ajax 响应到 span 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47258067/