将附加到HTML上的jQuery加载功能

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

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