如何使用 Django 和 Jquery 实现 ajax？答案

【问题标题】：How to implement ajax using Django and Jquery?如何使用 Django 和 Jquery 实现 ajax？
【发布时间】：2011-09-05 11:57:51
【问题描述】：

urls.py:

....
(r'^blog/post/$', post),
....

查看代码：

def post(request):

    if request.method == 'POST':



      post, created = Post.objects.get_or_create(
          title=request.POST.get("title"),
          text=request.POST.get("text"),

      )

    post_titles = [post.title for post in Post.objects.all()]
    return render_to_response("index.html", {"post_titles":post_titles})

模板：

<script type="text/javascript" charset="utf-8">
            $(document).ready(function() {

                $("input#submit").click(function() {


                var title = $("#title").val();
                    var text = $("#text").val();    

                    var data = {"title":title,"text":text};

                    $.post("/blog/post/", data, function(data){
                        alert("Data Loaded: " + data);
                    });
                });


            });
        </script>
        .........
        <div id="postbox">
      <form method="post" action="">
            <p>Enter Title</p><input type="text" name="title" id="title">
            <p>Enter Text</p><input type="text" name="text" id="text">
            <input type="submit" id="submit">
          </form>
        </div>

我希望在不刷新页面的情况下将帖子添加到数据库中，并且“标题”和“文本”也可以附加到 html 页面的某个位置。请告诉我我做错了什么。谢谢。

【问题讨论】：

有什么问题？发生什么了？视图是否被调用？ POST 是否实际发布或是否存在 javascript 错误？在将所有内容放在这里之前，您需要自己进行一些调试。
有什么问题吗？有什么错误吗？更多信息会更好

标签： ajax django jquery django-templates

【解决方案1】：

我很幸运使用Dajax/Dajaxice，它有详细的文档，有几个通过 jQuery 将 Django 与 ajax 集成的示例的工作演示（带有代码）。如果您提供调试输出，我会给出更长的答案（例如，是否出现警报框；其中的文本是什么）。我的猜测是'index.html'的'render_to_response'的视图函数不是你想要的ajax。通常，您只想使用您的 ajax 从服务器（到先前呈现的页面）发送某种结构化数据（通常是 json 或 xml）。

【讨论】：