Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 此代码将替换html而不是附加html_Jquery_Ajax - Fatal编程技术网

Jquery 此代码将替换html而不是附加html

Jquery 此代码将替换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

建议我如何添加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 '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);