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请求，查看响应，标题等

从AJAX调用中查看JSON

2 个答案: