通过AJAX调用查看JSON

Question

我有这个AJAX电话-

$('#search').keyup(function() {
    $.ajax({
        type: "GET",
        url: "/main/search/",
        data: {
            'search_text': $('#search').val()
        },
        success: function(data) {
            alert(data);
        },

        dataType: 'html'
    });
});

该网址使用模板执行以下操作，重定向到Django视图-

{% if item_list.count > 0 %}
{% for obj in item_list %}
<p>{{obj.name}}</p>
{% endfor %}

{% else %}
No items!
{% endif %}

这给出以下警报-

<p> Item1 </p>
<p> Item2 </p>

以此类推，根据搜索匹配项。

现在出于学习目的，我想看看JSON响应的样子，以及我可以如何处理。 但是，这-

$('#search').keyup(function() {
        $.ajax({
            type: "GET",
            url: "/main/search/",
            data: {
                'search_text': $('#search').val()
            },
            success: function(data) {
                alert(data);
            },

            dataType: 'json'
        });
    });

甚至没有打开警报框。

而且，如果我查看Chrome检查器中的“网络”标签，就会发现该响应是HTML响应，就像上一个响应一样。

为什么会这样呢？ 如何查看JSON响应？

Answer 1

您可以使用console.log(data);

像这样：

$('#search').keyup(function() {
        $.ajax({
            type: "GET",
            url: "/main/search/",
            data: {
                'search_text': $('#search').val()
            },
            success: function(data) {
                console.log(data);
            },

            dataType: 'json'
        });
    });

Answer 2

您也可以打开控制台并查看“网络”选项卡。 从那里，您应该能够查看所有XHR请求，查看响应，标头等