使用ajax将html内容附加到html中

append html content to html using ajax

本文关键字：html ajax 使用      更新时间：2023-09-26

我有这样的html代码：

<td class="fc-day fc-widget-content fc-sun fc-past" data-date="2016-07-17"></td>
<td class="fc-day fc-widget-content fc-mon fc-past" data-date="2016-07-18"></td>

如果数据日期介于起始日期和结束日期之间，我想附加html。

$(document).ready(function(){
    var d = $(".fc-day").data('date');
    $.ajax({
        url : '<?php echo base_url()."admin/utilities/get_task_assign_staff" ?>',
        dataType : 'json',
        success : function(responce){               
            $(".fc-day").each(function(){
                var d = $(".fc-day").data('date');
                if(d == responce[0].startdate)
                {
                    this.append("<span class='fc-title'>"+responce[0].name+"</span>");
                }
            });
        }
    });
});

例如，我的起始日期是2016-07-05，结束日期是2016-07-09，而将responce[0].name附加到给定的<td>，数据日期介于起始日期和结束日期之间。

那么我应该写什么jQuery呢？

$(document).ready(function(){
  $.ajax({
    url : '<?php echo base_url()."admin/utilities/get_task_assign_staff" ?>',
    dataType : 'json',
    success : function(responce){      
        $('.fc-day').each(function(){
            var data_date = $(this).attr('data-date'),
               response = $.parseJSON(responce);
            if(data_date == response.startdate){
                $(this).html("<span class='fc-title'>"+response.name+"</span>");
            }
        });
      }
   });
});

  1. 您希望从包含类fc day的元素中获取属性date_date。这就是获取该属性的方式。

    $（'.fc day'）.each（function（）｛var data_date=$（this）.attr（'data-date'）；｝）；

  2. 您已经指出，您希望JSON作为响应，因此您可能希望使用parseJSON作为响应。

我希望我帮助解决了你的问题。干杯

相关文章：