Vue,获取API数据

Question

    mounted:function () {
        var newServer=JSON.stringify(this.toServer);
        $.ajax({
            url:'/Add',
            type:'post',
            data: newServer,
            dataType:'json',
            crossDomain: true,
            contentType : 'application/json',
            processData : false,
            success:function (rel) {
                console.log(rel);

            },
            error:function (rel) {
                console.log(rel);
            }
        })
    }
    
    为什么这个传给data的newServer不加{}就会报500 (Internal Server Error)？

Answer 1

传过去的数据不是标准的json吧你打出来看了吗。500是服务器没解出来你的参数。

Answer 2

想看下你的this.toServer打印出来是什么样子的。

Answer 3

这是我打印出来的toServer

Answer 4

Answer 5

data里面直接传this.toServer本身是支持json数据的,不需要转字符串(而且你转出来的字符串后台只能通过特殊方式获取)

Answer 6

ajax的data默认会接收一个字符串，然后拼接在参数的后面，类似这样：url?a=1&b=2，如果想要传一个json对象(即contentType:json)，那么要加processData:true，

Answer 7

用 axio 吧 https://github.com/axios/axios