Question

我正在尝试进行一个AJAX调用，它会附加html，即在标签之间已经存在的内容中添加额外的html。这是我的加载函数的样子。

<script>
    $(document).ready(function(){
      $(".tid-select").change(function(){
        $(".tid-list").load("/saffron_main/test");
      });
    });
</script>

如何修改此函数以使其附加到类.tid-list。提前谢谢。

Answer 1

您必须通过ajax获取数据并使用$('.tid-list').append(data);

<script>
$(document).ready(function(){
  $(".tid-select").change(function(){
   $.get("/saffron_main/test",function(data){
    $('.tid-list').append(data);
   });
 });
});
</script>

您也可以使用$('.tid-list').prepend(data);在当前HTML之前插入。

Answer 2

或者不是替换html，您只需将数据加载到变量中，然后将其添加到DOM中。

示例：

$.ajax({
    url: '/saffron_main/test',
    success: function (data) {
        $('.tid-list').append(data);
    }
});

这样，绑定到现有html的事件将保持绑定。

Answer 3

只需更改更改处理程序

即可

$(".tid-select").change(function(){
   $.get("/saffron_main/test", function(data){
      $(".tid-list").append(data);
   });
});

编辑：是的，其他人是对的，追加更有意义

将附加到HTML中的Jquery加载函数已经存在

3 个答案: