jquery - 如何使用 DJANGO REST 框架和 ajax 发出 POST 请求

标签 jquery ajax django reactjs django-rest-framework

这是我的模型类:

    class PoliceAssurance(models.Model):
        Numpolice = models.IntegerField()
        Raison = models.CharField(max_length=50)
        Tel = models.IntegerField()
        Email = models.CharField(max_length=50)

这是我的序列化器:

    class PoliceSerializer(serializers.ModelSerializer):        
        class Meta:
            model = PoliceAssurance
            fields = ('Numpolice','Raison','Tel','Email');

现在,我需要通过 AJAX 调用发出 POST 请求。谁能提供有关我如何完成这项任务的信息?

这是我的观点.py

@login_required(login_url="login/")
def home(request):
    return render(request,"home.html")

class PoliceViewset(generics.ListCreateAPIView):    
    queryset = PoliceAssurance.objects.all()
    serializer_class =  PoliceSerializer    

和我的 urls.py

    urlpatterns=[
    url(r'^$', views.home, name='home'),
    url(r'PoliceAssurance',views.PoliceViewset.as_view(),              name='PoliceAssurance'),
    ]

这是我的ajax请求

$(#suit).click(function(){          

    var data = {};
    data.Numpolice = $(#num).val();
    data.Raison = $(#raison).val();
    data.Tel = $(#tel).val();
    data.Email = $(#email).val();

    $.ajax({
        type: "POST",
        url: "/PoliceAssurance/",
        data: data,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(data){
            alert(data);
        },
        failure: function(errMsg) {
            alert(errMsg);
        }
    });
});

最佳答案

你可能需要看看这个,http://www.django-rest-framework.org/topics/ajax-csrf-cors/#javascript-clients和此链接中的 django 文档(详细信息),我的代码非常适合我

$.ajax({
    url: 'your web url',
    type: 'POST',
    beforeSend: function (xhr, settings) {
        xhr.setRequestHeader("X-CSRFToken", '{{ csrf_token }}');
    },
    success: function (arg) {
        location.reload()
    }
})

Django Rest 框架不像普通的 Django 那样工作。您需要将数据中的“csrfmiddlewaretoken”转换为RequestHeader中的“X-CSRFToken”或“HTTP-X-CSRFToken”

关于jquery - 如何使用 DJANGO REST 框架和 ajax 发出 POST 请求,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41448841/

相关文章:

javascript - 类型错误 : a is undefined + Uncaught TypeError: Cannot read property 'length' of undefined

php迭代ul分割

javascript - Reactjs:立即使用更新的状态数据(来自商店)

javascript - 未检测到 Jquery 移动主题

javascript - 使用 Enter 键提交 JQuery 表单

php - 单击按钮即可加载 +3 查询

django - Django admin 中的自 Action 者

python - DRF - 编写双嵌套序列化程序的更好方法

python - 如何在Python Django的设置中启用每日新的日志文件名?

jquery - 打开/关闭时图像变化