返回Javascript中的JSON响应（来自Django视图）

当我在电子邮件字段中键入内容时，我试图在AJAX中获得JSON响应。 我在控制台上得到回应，就像

{response: "example@gmail.com is already in use.", email: "example@gmail.com"}
email: "example@gmail.com"
response:"example@gmail.com is already in use."

或

但我不知道如何将响应用作Javascript值。我想用它来自动发送一条消息，告知电子邮件是否可用

以下是我到目前为止的想法。
我的模板+脚本

<form data-parsley-validate id="form" method="post" action="/register/" enctype="multipart/form-data">

{% csrf_token %}

{{ form.as_p }}
<p id="email-error"></p>

<input type="submit" id="submit" class="btn btn-info" name="submit" value="Register" />
</form>

<script>
function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) == (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}

$.ajaxSetup({
    beforeSend: function(xhr, settings) {
        if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
            // Only send the token to relative URLs i.e. locally.
            xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
        }
    }
});


$(document).ready(function() {
    $("#id_email").focusout(function(e) {
        e.preventDefault();
        var csrftoken = getCookie('csrftoken');
        var email = $('#id_email').val();

        $.ajax({
            url: "/email_check/",
            type: "POST",            
            dataType: "json",
            data : { 
                csrfmiddlewaretoken: csrftoken, 
                email: email
            },
            success: function(result) {
                document.getElementById("email-error").innerHTML = result;
            },
        });
    });
});
</script>

使用此代码，我收到的“#电子邮件错误”消息是：[object object]
我错过了什么

---

谢谢大家!

result

从外观上看是一个对象-您可能希望使用

document.getElementById（“电子邮件错误”）.innerHTML=result.response就这样，谢谢：）
<form data-parsley-validate id="form" method="post" action="/register/" enctype="multipart/form-data">

{% csrf_token %}

{{ form.as_p }}
<p id="email-error"></p>

<input type="submit" id="submit" class="btn btn-info" name="submit" value="Register" />
</form>

<script>
function getCookie(name) {
    var cookieValue = null;
    if (document.cookie && document.cookie != '') {
        var cookies = document.cookie.split(';');
        for (var i = 0; i < cookies.length; i++) {
            var cookie = jQuery.trim(cookies[i]);
            // Does this cookie string begin with the name we want?
            if (cookie.substring(0, name.length + 1) == (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}

$.ajaxSetup({
    beforeSend: function(xhr, settings) {
        if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
            // Only send the token to relative URLs i.e. locally.
            xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
        }
    }
});


$(document).ready(function() {
    $("#id_email").focusout(function(e) {
        e.preventDefault();
        var csrftoken = getCookie('csrftoken');
        var email = $('#id_email').val();

        $.ajax({
            url: "/email_check/",
            type: "POST",            
            dataType: "json",
            data : { 
                csrfmiddlewaretoken: csrftoken, 
                email: email
            },
            success: function(result) {
                document.getElementById("email-error").innerHTML = result;
            },
        });
    });
});
</script>

@requires_csrf_token
def email_check(request):
    email = request.POST.get('email', False)
    if request.is_ajax():
        if email:
            query_email = User.objects.filter(email=email)
            if query_email.exists():
                res = "{0} is already in use.".format(email)
            else:
                res = "This E-mail is ok."
            ajax_vars = {'response': res, 'email': email}
            json_data = json.dumps(ajax_vars)
        else:
            res = "This field is required."
            ajax_vars = {'response': res, 'email': email}
            json_data = json.dumps(ajax_vars)

        return HttpResponse(json_data, content_type='application/json')