为什么post到django的json对象无法解析?

我是通过reqwest.js这个库来操作ajax的:
sendinfo:function(){

        var self = this;
        var json = JSON.stringify(self.info);
        reqwest({
            url:'http://127.0.0.1:8000/info/',
            method:'post',
            type:'json',
            data:{
                info:json,
            },
            success:function (resp) {
                console.log(resp);
                alert('保存成功');
            },
            error:function (err) {
                console.log(JSON.stringify(self.info));
                console.log(err);
                alert('被继承人信息保存失败,请检查填写信息')
            }

        })
      },                  

我要把这里面的info,也就是JSON.stringify(self.info)发回来,然后发送的时候报错了,报错信息是valueerror,具体如下:
浏览器后台看是这样:
图片描述
我的后端是这样写的:
def result(request):

if request.method == 'POST':
    print(request)
    print(request.body)
    info = request.body.decode('utf-8')
    print(info)
    a = json.loads(info)
    print(a)
    return HttpResponse("post")
return HttpResponse("failed")

然后后台显示信息如下:
图片描述

不太明白为什么我传到后台后就变成
info=%7B%22bjcr_name%22%3A%22name%22%2C%22bjcr_deadtime%22%3A%22%22%2C%22bjcr_marrytimes%22%3A%221%22%7D
这样的东西了,要怎么正确处理这种json呢?

阅读 4k
2 个回答
        var json = JSON.stringify(self.info);
        reqwest({
            url:'http://127.0.0.1:8000/info/',
            method:'post',
            type:'json',
            data:{
                info:json,
            },

没用过 reqwest,不过你的 json 是个字符串啊……按照正常逻辑,要么你把数据组装成一个字符串提交,要么你把对象直接提交,由库给转成 JSON 格式。不能你自己转一半,剩下一半让库转呀。

感谢 依云 的解答。我把data这部分写成data:JSON.stringify(self.info)就可以了。
虽然成功发送了数据但是不知道为啥reqwest.js调用的确是error方法,有没有熟悉这个库的大神解答一下。
最后应该这样写:
sendinfo:function(){

        var self = this;
        var json = JSON.stringify(self.info);
        reqwest({
            url:'http://127.0.0.1:8000/info/',
            method:'post',
            type:'text',
            data:JSON.stringify(self.info),
            success:function (resp) {
                console.log(resp);
                alert('保存成功');
            },
            error:function (err) {
                console.log(JSON.stringify(self.info));
                console.log(err);
                alert('被继承人信息保存失败,请检查填写信息')
            }

        })
      },
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题