Django在单击按钮时使用jquery .ajax（）将html插入div

Question

我需要使用.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>

Answer 1

尝试更换：

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

与：

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