在 Django 视图中调用“request.POST”时，Ajax POST 不发送数据

Question

我正在尝试让 Ajax POST 将数据发送到我的视图，以便我可以在那里操作我的数据，当我单击类 up-arrow 的 div 时。

问题是，当我单击该 div 并在我的视图文件中打印 request.POST 时，我得到一个包含 <QueryDict: {}> 的 POST 对象。空的！我似乎无法弄清楚为什么我的 POST 请求没有发送我的数据。

这是我的 HTML...

{% for i in post.posts %}
    <li>
        <div>
            <div class='up-arrow'>
            </div>
            {{i}}
        </div>
    </li>
{% endfor %}

这是我的 AJAX/jQuery...

$(document).ready(function(){
            $('.up-arrow').click(function(){
                $(this).hide()
                console.log('click')
                $.ajax({
                    headers: {
                        'Content-Type':'application/json',
                        'X-CSRFToken': getCookie('csrftoken')
                    },
                    url: 'voteuppost',
                    type: 'POST',
                    data: {'dane': 123456789101112},
                    success: function(data) {
                        alert('success!')   
                    },
                    error: function(){
                        alert('fail')
                    }

                })
                return false
            });
            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]);
                    if (cookie.substring(0, name.length + 1) == (name + '=')) {
                        cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                        break;
                    }
                }
            }
            return cookieValue;
        }
        })

这是我的看法...

class VoteUpPost(View):
    def post(self, request):
        print(request.POST)
        return JsonResponse({'status': True})

这是我的网址路径...

    url(r'^voteuppost$', VoteUpPost.as_view()),

我尝试过的事情...

1) 我使用GET 而不是POST，我可以使用request.GET.get('dane') 获取数据值

1) 尝试使用request.POST.data 和request.POST.DATA 并得到以下结果...AttributeError: 'QueryDict' object has no attribute 'data' 我也得到一个“失败”alert。

如何通过POST 请求将我的数据发送到我的视图，然后访问其中的数据？

Answer 1

使用application/json 发布JSON 数据时，您需要使用request.body 而不是request.POST。

像这样：

class VoteUpPost(View):
    def post(self, request):
        print(request.body)
        data = json.loads(request.body)
        return JsonResponse({'status': True})

正如 Jacques 所提到的，确保更新您的 js 以传递 JSON 字符串。

变化：

data: {'dane': 123456789101112},

收件人：

data: JSON.stringify({'dane': 123456789101112}),

Answer 2

Django 请求只能解析 application/x-www-form-urlencoded 和 multipart/form-data 到request.POST。对于其他内容类型，您必须使用 request.body 属性。对于内容类型的断言，您可以从request.META.get('CONTENT_TYPE')获取内容类型

def sample_view(request):
    if request.META.get('CONTENT-TYPE') == 'application/json':
        data = json.loads(request.body)
        return JsonResponse({'any-message':'Hello'})