使用 jQuery 显示新的 Django 对象

Question

我一直在学习 Django + jQuery，到目前为止已经能够 AJAX 化新帖子功能。我现在的问题是如何在 AJAX 帖子列表中美观、轻松地显示新帖子？

views.py：

def add_post(request):
error_msg = u"No POST data sent."
post = Post()
if request.method == "POST":
    #do stuff

return HttpResponse("success")

到目前为止，我能够返回“成功”并保存新帖子。

jQuery：

       $("form#add_post").submit(function() {
       //do stuff
       var args = {type:"POST", url:"add_post/", data:data, complete:function(res, status) {
            if (status == "success") {
                alert("success");
            } else {

            }
        }};

       $.ajax(args);

       return false;

   })

只是在这里提醒“成功”，效果很好。如果刷新页面，我可以在帖子列表中看到新帖子。现在我如何加载新的 Post AJAX-ly？我是否必须手动获取 Post 的属性并将它们添加到我的 DIV 中？有没有一种简单的方法可以重新加载我的帖子列表？

谢谢你！

Answer 1

为什么不直接在成功返回中返回帖子的 HTML，并使用 jQuery 将其附加到页面中应该放置的位置。这就是我通常在代码中所做的事情，既快速又简单。对于更复杂的解决方案，您可能希望返回 JSON 对象列表，并使用像backbone.js 这样的 JavaScript 框架

Answer 2

这是虚拟的方式；

views.py：

def add_post(request):
    error_msg = u"No POST data sent."
    post_instance = Post()
    if request.method == "POST":
        # I love Rock'nRoll
        return post_instance

 return HttpResponse(json.dumps({'status': 'success', 'object': post_instance}))

在模板部分使用 $.getJSON 或 $.ajax 从您的 json 对象捕获 < code>views.py，如果成功，则.append()将返回的post_instance对象添加到列表中。

Answer 3

在 Django 后端服务中，您需要返回一些与应用程序逻辑相关的信息。大多数情况下，人们倾向于使用 JSON 来实现此目的。

def add_post(request):
   error_msg = u"No POST data sent."
   post = Post()
   if request.method == "POST":
      #do stuff
      response = HttpResponse(content_type = 'application/javascript')
      data = dict()
      #here it comes your logic
      #that fills 'data' with whichever 
      #information you need.
      data['message']='post added !!'
      response.write(json.dumps(data))
      return response
   else:
      return HttpResponse("NO POST REQUEST HANDLE")

接下来，您的客户端将根据 HttpResponse 对象中写入的数据来处理该响应。

   complete: function(res, status) {
            //In here you can do whatever you want to modify your
            //HTML dynamically
            // the variable res contains the JSON object dumped in the
            // django HTTPResponse object.
            $("#message").text = res['message'];
    }

   error: function(res, status) {
            $("#message").text = "error handling ajax request";
    }

确保您处理了 error 和 complete 回调。

在我给出的示例中，您需要一个以 message 作为 id 的 HTML 元素，即：

<div id="message"></div>