解压并显示通过 jQuery 从 Django 后端返回的 JSON 对象

Question

我的应用程序的一部分接收一些成分，然后返回相关的食谱。我正在尝试将其转换为仅使用 AJAX。我在解析 JSON 中返回的数据并访问它以在前端使用时遇到问题。

我在 Django views.py 中的代码如下所示：

recipes = Recipe.objects.all() #shortened to all objects for example purposes
import simplejson
data = ''    
for r in recipes:
        the_date = r.date_created.strftime("%b %d")
        recipe_dict = { 'id' : r.id,
                    'name' : r.name,
                    'user' : r.user.username,
                    'date_created' : the_date,
                    'votes' : r.votes,
                    'slug' : r.slug }
        data += simplejson.dumps(recipe_dict)+'\n'

        return HttpResponse(data)

我的 javascript 如下所示：

//request an updated list of recipes with AJAX
$.get('/recipes/discover', { 'ingredients': ingredients },

    //display these new relevant recipes
    function(recipes){
        $.each(recipes, function() {
                $("#results").append("<li id='recipe-"+ this.id +"'>"+ this.name +"</li>");
        })
    })
    .complete(function(){ $('#loading_spinner').fadeOut(1000); })
});

我用这种方式获得的输出最终为我提供了一个新的 li，用于显示 JSON 响应的每个字符...所以.each() 正在遍历每个字符。

我还尝试在运行每个之前使用 jQuery.parseJSON(data); ，但这似乎仅在仅返回一个 JSON 配方时才有效。我认为 JSON 中的某些内容格式不正确，或者我解析它的方式不正确？

提前致谢！

Answer 1

您需要使用逗号分隔 JSON 中的对象，并将数组括在 [] 内。

它看起来像你返回的 JSON 看起来像：

{'name': ... }{'name':...}

它应该看起来像：

[{'name': ... },{'name':...}]

这就是为什么单个配方会正确解析，因为它是一个有效的 JSON 对象，但多个配方不起作用。

如果它是有效的 JSON，jQuery.parseJSON(...) 将正常工作。

这是 JSON 参考。