此代码替换不追加html的html。

Question

建议我如何在django中追加html，而不是使用ajax调用替换html代码替换html页面中的li标记内容，但我希望在每个ajax调用中追加html

 {% load staticfiles %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="{% static 'chatbot/css/bootstrap.min.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'chatbot/css/Community-ChatComments.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'chatbot/css/styles.css' %}" type="text/css">
<script type="text/javascript">
$(function(){
$("#form1").on("submit",function(e){
    e.preventDefault();
    $.ajax({
    type:"POST",
    url:"./submission/",
    data:{
    "question":$("#input_ques").val() ,
    "csrfmiddlewaretoken" : $("input[name=csrfmiddlewaretoken]").val()        
    },
    success:sent,
    dataType:'html'

    });
  });
});
function sent(data,textStatus,jqXHR){
      $("#chat").html(data);

}

Answer 1

而不是$("#chat").html(data);

做

var existingData = $("#chat").text();
$("#chat").html(existingData + data);

或者您可以使用jQuery的.appendTo() http://api.jquery.com/appendto/

$(data).appendTo("#chat");

或者您可以使用jQuery的.append() http://api.jquery.com/append/

$("#chat").append(data);

这是假设data包含HTML (甚至以字符串格式)。

Answer 2

使用.append()代替.html()

$("#chat").append(data);

.append()方法将指定的内容作为jQuery集合中每个元素的最后一个子元素插入(要将其作为第一个子元素插入，请使用.prepend())。

Answer 3

使用$("#chat").append(data);代替。现在您使用的是.html()，它完全取代了$(#chat)的内容。