Question

我需要帮助使用.ajax（）将html插入空div。我在django项目中有以下代码。视图和URL工作正常，ajax .click函数的警报消息也是如此。 .ajax（）＆＃39;成功：＆＃39;属性在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);

Django使用jquery .ajax（）在按钮上单击

1 个答案: