javascript - 这是删除我的页面，Ajax jQuery

Question

由于某种原因，我的 ajax 成功调用删除了我的页面内容并将整个页面替换为“成功”

{% extends "base.html" %}
{% block title %}Plan{% endblock %}

{% block content %}
    <div id="form">
    <a>Welcome to planning</a>

    {{form.as_p}}
    <button id="button">Submit</button>
    </div>
    <div id="content"> </div>
    <script>
        $('button#button').click(function() {
            $.ajax({
                url:'submit',
                success: function(data) {
                   $('div#content').text(data);
                },
            });
        });
    </script>
{% endblock %}

以下是我的观点:

def planning(request):
    if not request.user.is_authenticated():
        return HttpResponseRedirect(reverse('loginregistration.views.login'))

    form = planForm()
    return render(request, 'plan.html', {'form':form})

def submitplan(request):
    if not request.user.is_authenticated():
        return HttpResponseRedirect(reverse('loginregistration.views.login'))

    if request.is_ajax:
        POST = request.POST
        msg = "Success"
        print request.POST
        return HttpResponse(msg)

有人可以告诉我 ajax 应该识别我的 html id 吗？

Answer 1

$('div#content') 可能是您的页面 ID。

改变

<div id="content"> </div>

到

<div id="data"> </div>

然后做

$('div#data').text(data);