javascript - 在html中接受输入作为Json并发送http请求

Question

我需要接受 JSON 字符串作为文本字段之一的输入，例如输入将类似于::

{"order":1}

在提交表单时，我正在尝试创建请求并将此输入发送到 http 请求

var body = ({"key" : input});

var request = {
                    method : 'POST',
                    url : '/xxx',
                    data : body,
                    headers : {
                        'Content-Type' : "application/json"
                    }
                };
                $http(request).success(function(response) {

                }).error(function(response) {

                });

但是服务器响应400 Bad Request作为正文输入的形式，例如

"key": "{"order":"1"}"

服务器是否期望这样的输入
"key": {"order":"1"}

可以看到json开头和结尾的""是额外追加的，因为输入的类型是文本，如何实现期望的格式上面提到的或任何更好的方法。
请提出建议。

Answer 1

我不知道您从哪里获得变量“输入”，但我假设您以某种方式使用 jQuery 选择它，然后尝试使用 val() 获取它的值。如果是这种情况，那么您得到的是一个字符串，您应该在 ajax 请求的“数据”键中发送的内容应该是经过解析的 JSON。

这应该可以解决您的问题:

data : JSON.parse(input)