javascript - 如何打印 ajax 响应到 span 类

Question

我想显示对以下 HTML 的 ajax 响应，其中最初有 0 个可用插槽，可以根据 ajax 响应进行更改。并且基于数据响应 dropdown_wrapper class

会自动出现。我如何使它动态？

<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"}

Answer 1

只是改变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);