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);