Django 在按钮单击时使用 jquery .ajax() 将 html 插入 div答案

【问题标题】：Django Insert html into div using jquery .ajax() on button clickDjango 在按钮单击时使用 jquery .ajax() 将 html 插入 div
【发布时间】：2016-12-21 23:11:52
【问题描述】：

我需要使用 .ajax() 将 html 插入空 div 的帮助。我在 django 项目中有以下代码。视图和 url 与 ajax .click 函数的警报消息一样工作正常。 .ajax() 'success:' 属性在 pycharm 中被下划线标记为未使用。

视图如下：

def gen_teams(request):
    return HttpResponse("<h1>Hello World</h1>")

网址：

url(r'^gen_teams/$', home_views.gen_teams, name='gen_teams'),

main.js:

$('#ajaxSubmit').click(function(){
alert('Creating Teams');
var ajaxDiv = $('#ajaxContent');
$.ajax({
    url:"http://127.0.0.1:8000/gen_teams/",
    datatype:"html",
    type: "POST",
    success: function(data) {
        ajaxDiv.replaceWith(ajaxDiv.html(data));
    }
  });
});

HTML：

    <p><button id="ajaxSubmit" class="btn btn-primary" onclick="">Ajax teams</button></p>
    <div id="ajaxContent" class="content-container">

    </div>

【问题讨论】：

标签： javascript jquery html ajax django

【解决方案1】：

尝试替换：

ajaxDiv.replaceWith(ajaxDiv.html(data));

与：

$('#ajaxContent').html(data);

【讨论】：