django - 对 jQuery 的 JSON 响应

Question

我试图将这两部分粘合在一起，我什至不知道问题出在哪里，没有alert()并且firebug没有告诉我任何事情。

// django with yellow api to find_business search:
// ----------------------

def get_yellow(request):
   mimetype = 'application/json'
   yapi = YellowAPI(settings.YELLOW_API_KEY, test_mode=True, format='JSON', handlers=[])
   data = yapi.find_business(what='403-253-0395', where='Calgary', uid='127.0.0.1')
   print data #I can see here there is a result
   return HttpResponse(data,mimetype)

// jQuery 
// ----------------------

$(document).ready(function(){
    $.getJSON('http://myserver:8000/get_yellow/', 
    function(data) {
        alert('Fetched ' + data.length + ' items!');
    })

});

// I'm including a full response on a simple call, is this a valid json?
// ----------------------

{“summary”：{“what”：“403-253-0395”，“where”：“卡尔加里”，“纬度”：“”，“经度”：“”，“firstListing”：1，“lastListing”： 1、《总清单》 s":1,"pageCount":1,"currentPage":1,"listingsPerPage":40},"listings":[{"parentId":"","isParent":false,"距离":"", “内容”：{“V ideo":{"avail":false,"inMkt":false},"照片":{"avail":false,"inMkt":false},"个人资料":{"avail":false,"inMkt": false},"DspAd":{"ava il":false,"inMkt":false},"Url":{"avail":false,"inMkt":false},"徽标":{"avail":false,"inMkt":false}}," id":"1931218","name":"未来商店","地址":{"街道":"1180-33 Heritage Meadows Way SE","city":"卡尔加里","prov":"AB","pcode":"T2H3B8"},"geoCode" :{"纬度":"50.987988","经度":"-114.04424"}}]}

Answer 1

您的 JavaScript 中存在语法错误。你少了一个分号。应该是：

$(document).ready(function(){
    $.getJSON('http://myserver:8000/get_yellow/', 
    function(data) {
        alert('Fetched ' + data.length + ' items!');
    });
});

另外，如果您要寻找的只是调试 api 代码的方法，只需输入 url (http: //myserver:8000/get_yellow/）进入当前浏览器的地址栏。在尝试使用 javascript 调用它之前，您可能应该首先执行此操作。

更新：

如果这不是跨浏览器请求，您的调用应如下所示：

$(document).ready(function(){
    $.getJSON('get_yellow/', 
    function(data) {
        alert('Fetched ' + data.length + ' items!');
    });
});

如果是跨浏览器请求，则应使用 jsonp 代替：

$(document).ready(function(){
    $.ajax({
       type: "GET",
       url: "http://myserver:8000/get_yellow/",
       dataType: "jsonp",
       success: function(data) {
           alert('Fetched ' + data.length + ' items!');
       }
     });
});

Answer 2

调用 $.getJSON() 后缺少一个分号。技术上不需要，但我发现如果没有它们，javascript 就会表现得很奇怪。当您使用浏览器点击 http://myserver:8000/get_yellow/ 时会发生什么？你看到 JSON 了吗？

在我在末尾添加 ']}' 后，您提供的示例 JSON 在 JSONLint 中进行验证（我假设这不是完整的响应。您确定它有效吗？来自 getJSON() 的 jQuery API：

从 jQuery 1.4 开始，如果 JSON 文件
包含语法错误，请求
通常会默默地失败

Answer 3

从看来，我总是使用下面的代码将数据推送到javascript，并且效果很好。数据可以是 JSON 格式，也可以不是，请先尝试以下简单的情况，看看数据是否推送到 javascript：

from django.utils import simplejson

def get_yellow(request):
    colours = ['red', 'blue', 'yellow']
    data = simplejson.dumps(colours)
    return HttpResponse(data, mimetype='application/javascript')

如果您可以从 javascript 警告上述值，请在您的代码中尝试以下操作：

def get_yellow(request):
   yapi = YellowAPI(settings.YELLOW_API_KEY, test_mode=True, format='JSON', handlers=[])
   data = yapi.find_business(what='403-253-0395', where='Calgary', uid='127.0.0.1')
   return HttpResponse(simplejson.dumps(data), mimetype='application/javascript')