Javascript 如何将ajax响应打印到span类

我想向下面的HTML显示ajax响应，其中最初有0个可用插槽，可以在ajax响应中更改。 根据数据响应下拉列表，包装类

将自动出现。 如何使其动态化

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

以下是答复：

{id: 3, school_id: 3, break_time: "10am - 8pm"}

{id: 4, school_id: 3, break_time: "10am - 4:30pm"}

---

像这样更改ajax代码。使用javascrpt字符串连接

+=

 `$(".school_title").on("click", function (argument) {
 var id = $(this).attr('id');      
 var info=$.get("{{url('school-slot')}}",{id:id});
 info.done(function(data){  
 data= JSON.parse(data);
 console.log(data.length);  
 html="";
 $.each(data,function(index,subcatObj){ 
 html +="<li class="timeSlot" id="time'+subcatObj+'"><i class="icon fa fa-
 clock-o" aria-hidden="true"></i> ";
 });
 $(".dropdown_wrapper").append(html);
 });
 });

`$（“.school\u title”）。在（“单击”）上，函数（参数）{
var id=$（this.attr（'id'）；
var info=$.get（{{url（'school-slot'）}}，{id:id}）；
信息完成（函数（数据）{
data=JSON.parse（数据）；
console.log（data.length）；
html=“”；
$.each（数据、函数（索引、子目录）{
html+=“
”；
});
$（“.dropdown_wrapper”）.append（html）；
});
});

---

`如果我理解你的问题。你可以试试这个：-

<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 id="GiveDyanmicIdhere3" class="item_title">10am - 4pm (value comes through Ajax)</span> Give dyanmic id here
    </li>
  </div>
</div>
<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 id="GiveDyanmicIdhere4" class="item_title">10am - 4pm (value comes through Ajax)</span>  // Give dyanmic id here
    </li>
</div>

---

您可以根据需要尝试附加、文本、html

只需更改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);

var divContent=''；
$.each（数据、函数（索引、子目录）{
divContent+='
“+subcatObj.break_time+'
”；
});
$（“.dropdown_wrapper”）.append（divContent）；

是否需要每个功能？？我不这么认为，因为您在单击“添加响应样本”时只显示了一个值，以便更好地理解，而且您希望在

下拉包装中看到的内容也不符合要求。我们找不到学校标题类为什么需要
school\u title
类？我想展示一下对此的反应div@YashParekh我发布了回复
 var data = [ 
    {id: 3, school_id: 3, break_time: "10am - 8pm"}

    {id: 4, school_id: 3, break_time: "10am - 4:30pm"}
 ]; // save respone in one variable

 $.each(data, function(i, item) {
   $("#GiveDyanmicIdhere"+data[i].id).append(data[i].break_time);
                  Or
    $("#GiveDyanmicIdhere"+data[i].id).text(data[i].break_time);  
 });​

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);