通過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請求，查看響應，標頭等