使用 ajax 向 django 服务器发送数据时出现问题

Question

我正在尝试将一些 ajax 数据发送到我的 Django 服务器，但遇到一个我难以调试的错误：
从 None 提高 JSONDecodeError("Expecting value", s, err.value) json.decoder.JSONDecodeError：预期值：第 1 行第 1 列（字符 0）。 这是我的脚本，也是我的 django 视图的一部分。

function UpdateUserResponse(productId, action, count) {
  $.ajax({
    url: "/updateitem/",
    method: "post",
    headers: {  'Content-Type':'application/json', "X-CSRFToken": csrftoken },
    dataType: "JSON",
     body: JSON.stringify({
      productId : productId,
      action: action,
      count: count
    }),
    success: response => {
      console.log("not relevant to this problem");
    }
  });
}

以及我如何尝试在我的视图中接收数据

def updateitem(request) :
    data =json.loads(request.body)
    productId=data['productId']
    action = data['action']
    count = data['count']

非常感谢您的帮助

Answer 1

您的 ajax 请求格式无效。应该是这样的。

function UpdateUserResponse(productId, action, count) {
  $.ajax({
    url: "/updateitem/",
    method: "post",
    headers: {  'Content-Type':'application/json', "X-CSRFToken": csrftoken },
    dataType: "JSON",
    data: {
      'productId' : productId,
      'action': action,
      'count': count
    ),
    success: function(response) {
      console.log('Response', response);
      console.log("not relevant to this problem");
    },
    error : function(xhr, errMsg, err) {
    }
  });
}

在您看来，您可以按以下方式访问请求。

def updateitem(request) :
    if request.method == 'POST':
        productId = request.POST.get('productId')
        action = request.POST.get('action')
        count = request.POST.get('count')
        response_data = {}

        # Your update item to db code goes here 
        # Once update done return response
        response_data['result'] = 'Update item successful!'
        return HttpResponse(
            json.dumps(response_data),
            content_type="application/json"
        )
    else:

您的控制台输出将是，

 Response, {result: "Update item successful!"}