在AngularJS中的JSON文件中发布数据-（在此处使用django REST创建该JSON文件。）

Question

我正在将AngularJS与Python＆Django和Django REST API一起使用。 REST API创建了一个JSON文件，我需要使用Angular $http.post()将数据发布到其中。

我需要知道是否有可能。

我在发布时主要收到403（禁止访问）和400（错误请求）错误。

$http({
       method: 'POST',
       url: '<JSON FILE URL>',
       data: $scope.tmpDataSet,
       headers: {'Content-Type': 'application/x-www-form-urlencoded'}

 }});

这是我的.post（）方法。 在这里，我从有角度的表单中获取数据并将其存储在“ tmpDataSet”中。 它被正确创建，并且无法存储到阵列中。 我只是无法将其写入JSON文件。

我的JSON文件的结构是

{
    "count": 6,
    "next": null,
    "previous": null,
    "results": [
        {
            "name": "fff",
            "mobile_no": "fff",
            "email": "n@gmail.com",
            "message": "dfdf",
            "id": 1
        },
        {
            "name": "asd",
            "mobile_no": "0987654321",
            "email": "asd@gmail.com",
            "message": "no",
            "id": 2
        }
]

如果需要更多代码详细信息，请发表评论。

Answer 1

通过将CSRF令牌添加到angular应用程序并使用常规的$http.post()函数以及所有参数来解决此问题。

app.config(function($httpProvider) {
    $httpProvider.defaults.xsrfCookieName = 'csrftoken';
    $httpProvider.defaults.xsrfHeaderName = 'X-CSRFToken';
});

和，

$http.post('<URL>', item).error(function(data,status,headers,config){
            console.log('COULDNT POST!');
        }).success(function(data, status, headers, config){
            console.log('POSTED!');
        });