在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!');
        });