jquery - 如何在 Django 和 Jquery 中使用带有 model.Form 的 Ajax 发送数据

Question

嘿伙计们，你能帮我将帖子数据发送到表格吗？这是我所拥有的：模型：

class Test (models.Model):
    text    = models.TextField(blank=True, max_length=300)

意见：

def post_test(request):
    print 'aesewewewew'
    if request.is_ajax():
        print 'ajax'
        form = TestForm(request.POST)
        if form.is_valid():
            form.save()
            return HttpResponse('success')
        else:
            return HttpResponse('failed')
    else:
        print 'aaaaa'

模板：

<div id="post"></div>
<a href="/" onclick=click()>Post</a>
<script>
function click(){
    $.post("/post", {
        text: "eqweqeqeqweqw"
    },
    function(data) {
        alert(data);
    }
)};

网址：

(r'^post','test_propject.main.views.post_test'),

形式：

class TestForm (forms.ModelForm):
    class Meta:
        model = Test

它对我不起作用。我在这里找不到错误。您能否提供一个链接到工作代码。获取请求工作正常。也许存在某种方式来制作从模型创建的简单表单，通过 ajax 发送数据，而无需重新加载页面。

谢谢

Answer 1

试试这个 ：

def post_test(request):
    if request.method == 'POST':
        form = TestForm(request.POST)
        if form.is_valid():
            form.save()
            return HttpResponse('success')
        else:
            return HttpResponse('failed')  

我强烈建议您在实施上述内容之前学习此处的教程。

编辑： 你的 urls.py 应该是这样的：

from django.conf.urls.defaults import *
from test_project.main.views import post_test

urlpatterns = patterns('',
  url(r'^post/$', post_test, name = 'post_test'),
)

还有你的模板：

<script>
function click(){
    $.post('{% url post_test %}', {
        text: "eqweqeqeqweqw"
    }
)};
</script>

请注意 {% url post_test %} 在外部 js 文件中不起作用。

Answer 2

我的主要问题是我的大脑）。我忘了包括：

<script type="text/javascript">
        $('html').ajaxSend(function(event, xhr, settings) {
            function getCookie(name) {
                var cookieValue = null;
                if (document.cookie && document.cookie != '') {
                    var cookies = document.cookie.split(';');
                    for (var i = 0; i < cookies.length; i++) {
                        var cookie = jQuery.trim(cookies[i]);
                        // Does this cookie string begin with the name we want?
                        if (cookie.substring(0, name.length + 1) == (name + '=')) {
                            cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                            break;
                        }
                    }
                }
                return cookieValue;
            }
            if (!(/^http:.*/.test(settings.url) || /^https:.*/.test(settings.url))) {
                // Only send the token to relative URLs i.e. locally.
                xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
            }

        });
    </script>