1

感谢您花时间看我的问题。

我正在使用前端的 Sammy.js 和后端的 Django 构建一个混合应用程序。我的网站只是通过 CloudFront 在 S3 上托管的单个 index.html，不，这不是家庭作业 :)

我想为路由“#/projects”呈现一个类别列表，这些类别来自一个 JSONP 请求到我的 django 后端，在不同的域上运行。

我的 Django 视图：

def get_categories(request):
    jsoncallback = request.GET.get('jsoncallback')
    data = {'categories': [{'name': c.name, 'slug': c.slug} for c in categories]}
    jsonp = '{0}({1});'.format(jsoncallback, data)
    response = json.dumps(jsonp, ensure_ascii=False)
    return HttpResponse(response, content_type='application/json')

我的萨米路线：

(function($) {
    var app = $.sammy('#app', function() {

    // (default route here)

    this.get('#/projects', function(context) {
        // localhost via manage.py runserver
        $.getJSON('http://localhost:8000/projects/categories/?jsoncallback=?',
            null, function(categories) {
                $.each(categories, function(i, category) {
                    console.log('here');
                    // code to render template here
                });
        });
    });

    $(function() {
        app.run('#/');
    });
})(jQuery);

在 Firebug 中调用我的 Django 视图的响应部分是：

"jQuery183018328394494212097_1372132674985({'categories':
    [{'name': u'Open Source', 'slug': u'open-source'},
     {'name': u'Web Development', 'slug': u'web-development'},
     {'name': u'Print', 'slug': u'print'}]});"

然而，我的console.log声明从未达成。我不确定我做错了什么。有人可以指出我正确的方向吗？不幸的是，几个小时的修补和关注网络上的许多 JSONP 示例并没有帮助。

4

1 回答 1

1

原来这是一个很容易解决的问题。我只是误用了json.dumps(). 这是形成我的回应的正确方法：

def get_categories(request):
    jsoncallback = request.GET.get('jsoncallback')
    data = {'categories': [{'name': c.name, 'slug': c.slug} for c in categories]}
    json_data = json.dumps(data, ensure_ascii=False)
    response = '{0}({1});'.format(jsoncallback, json_data)
    return HttpResponse(response, content_type='application/json')

我之前得到的响应中的标志是它是一个字符串而不是 JSON（注意函数周围的引号）。

于 2013-06-25T13:51:58.293 回答