Jquery 此代码将替换html而不是附加html
建议我如何添加html,而不是使用ajax调用替换django中的html此代码替换html页面中的li标记内容,但我希望在每个ajax调用中添加htmlJquery 此代码将替换html而不是附加html,jquery,ajax,Jquery,Ajax,建议我如何添加html,而不是使用ajax调用替换django中的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 'chat
{% 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);
}
{%load staticfiles%}
$(函数(){
$(“#表格1”)。关于(“提交”,功能(e){
e、 预防默认值();
$.ajax({
类型:“POST”,
url:“./submission/”,
数据:{
“问题”:$(“#输入问题”).val(),
“csrfmiddlewaretoken”:$(“输入[name=csrfmiddlewaretoken]”)。val()
},
成功:发送,
数据类型:'html'
});
});
});
已发送函数(数据、文本状态、jqXHR){
$(“#chat”).html(数据);
}
替代.html()
.append()方法将指定的内容作为最后一个子项插入
jQuery集合中每个元素的
子级,使用.prepend())
替代.html()
.append()方法将指定的内容作为最后一个子项插入
jQuery集合中每个元素的
子级,使用.prepend())
使用$(“#聊天”).append(数据)代码>取而代之。现在您使用的是.html()
,它完全取代了$(#chat)
的内容 使用$(“#聊天”).append(数据)代码>取而代之。现在您使用的是.html()
,它完全取代了$(#chat)
的内容 而不是$(“#chat”).html(数据)代码>
做
或者可以使用jQuery的.appendTo()
或者可以使用jQuery的.append()
这是假设数据
包含HTML元素(即使是字符串格式)。而不是$(“#聊天”).HTML(数据)代码>
做
或者可以使用jQuery的.appendTo()
或者可以使用jQuery的.append()
这是假设数据
包含HTML元素(即使是字符串格式)。请先查看jQuery文档。提示:这可能是您正在寻找的。请先查看jQuery文档。提示:这可能就是你要找的。
$("#chat").append(data);
var existingData = $("#chat").text();
$("#chat").html(existingData + data);
$(data).appendTo("#chat");
$("#chat").append(data);