0

我有以下 HTML。它应该对服务器进行 POST（在下面的 MWE 中，我只是使用 cnn.com 完成的）。

但是，它并没有达到我的预期，即以 JSON 格式格式化 POST 请求。相反，它给出了以下内容

x1=y1&x2=y2

作为请求主体

虽然它应该给出类似的东西

{ "x1": "y1", "x2": "y2"}

以便服务器正确响应。

这是代码：

  <!-- jQuery Version 1.11.0 -->
    <script src="js/jquery-1.11.0.js" }}"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js" }}"></script>

    <!-- Plugin JavaScript -->
    <script src="js/jquery.easing.min.js" }}"></script>
    <script src="js/classie.js" }}"></script>
    <script src="js/cbpAnimatedHeader.js" }}"></script>

    <!-- Contact Form JavaScript -->
    <script src="js/jqBootstrapValidation.js" }}"></script>
<!--
     <script src="js/contact_me.js" }}"></script>
    -->

    <!-- Custom Theme JavaScript -->
    <script src="js/freelancer.js" }}"></script>


<form action="" method="post" name="demoform" id="demoform">

<input type=hidden name=x1 value=y1 id=x1>
<input type=hidden name=x2 value=y2 id=x2>

<input type="button" value="demo" name="button" id="button">

</form>



<script>
 $.sendRequest = function(form) {
                                $.ajax({
                                        type: "POST",
                                        url: "http://www.cnn.com",
                                        data: form.serialize(),
                                        dataType: 'application/json',

                                        success: function(data, textStatus){
                                        }
                                });
   }

 $('#button').click(function () {
                                $.sendRequest($("#demoform"));
                        });
</script>

就像一个注释，我想做相当于：

curl -X POST "https://www.cnn.com" -H  "accept: application/json" -H  "Content-Type: application/json" -d "{  \"x1\": \"y1\", \"x2\": \"y2\"}"

编辑：我会注意到，当我在浏览器中执行“检查”并检查请求标头时，它们不是预期的，它们有很多额外的东西，而且我没有像 content-type: application/json 这样的东西在下面的评论之后添加。（而是显示内容类型：文本/html）。我不确定为什么它完全忽略了我的标题。

4

1 回答 1

2 
dataType: 'application/json',

dataType 描述了您希望从服务器收到的格式，并且不采用 MIME 类型。

contentType 描述了您发送的格式。

将其更改为：

dataType: "json",
contentType: "application/json",

data: form.serialize(),

此函数 URL 将数据编码为表单。您需要构造一个对象并将其转换为 JSON。

data: JSON.stringify({ foo: "some value", bar: "some value" }),
于 2019-01-21T15:12:23.673 回答