Jquery Ajax帖子中出现400个错误请求

Question

我试图使用Jquery发送一个Ajax POST请求，但我有400个错误请求。

这是我的代码：

$.ajax({
  type: 'POST',
  url: "http://localhost:8080/project/server/rest/subjects",
  data: {
    "subject:title":"Test Name",
    "subject:description":"Creating test subject to check POST method API",
    "sub:tags": ["facebook:work", "facebook:likes"],
    "sampleSize" : 10,
    "values": ["science", "machine-learning"]
  },
  error: function(e) {
    console.log(e);
  }
});

它说：无法根据请求构建资源。我错过了什么？

Answer 1

以防其他人碰到这件事。我有一个网站，它在桌面浏览器上运行得很好，但我在Android设备上遇到了400个错误。

原来是防伪令牌。

$.ajax({
        url: "/Cart/AddProduct/",
        data: {
            __RequestVerificationToken: $("[name='__RequestVerificationToken']").val(),
            productId: $(this).data("productcode")
        },

问题是。网络控制器设置不正确。

我需要向控制器添加属性：

    [AllowAnonymous]
    [IgnoreAntiforgeryToken]
    [DisableCors]
    [HttpPost]
    public async Task<JsonResult> AddProduct(int productId)
    {

代码需要审查，但现在至少我知道是什么导致了它。400错误一点帮助都没有。

Answer 2

是的。您需要对JSON数据或400错误请求错误进行字符串化，因为它无法识别数据。

400 Bad Request

请求错误。您的浏览器发送了此服务器无法理解的请求。

此外，还需要添加内容类型和数据类型。如果没有，您将遇到错误，说明介质类型不受支持。

415不支持的媒体类型

试试这个。

var newData =   {
                  "subject:title":"Test Name",
                  "subject:description":"Creating test subject to check POST method API",
                  "sub:tags": ["facebook:work", "facebook:likes"],
                  "sampleSize" : 10,
                  "values": ["science", "machine-learning"]
                  };

var dataJson = JSON.stringify(newData);

$.ajax({
  type: 'POST',
  url: "http://localhost:8080/project/server/rest/subjects",
  data: dataJson,
  error: function(e) {
    console.log(e);
  },
  dataType: "json",
  contentType: "application/json"
});

通过这种方式，您可以轻松地修改所需的数据。它不会让您感到困惑，因为它是在ajax块之外定义的。

Answer 3

最后，我犯了一个错误，原因是我需要对发送的JSON数据进行字符串化。我必须在XHR对象中设置内容类型和数据类型。正确的版本如下：

$.ajax({
  type: 'POST',
  url: "http://localhost:8080/project/server/rest/subjects",
  data: JSON.stringify({
    "subject:title":"Test Name",
    "subject:description":"Creating test subject to check POST method API",
    "sub:tags": ["facebook:work", "facebook:likes"],
    "sampleSize" : 10,
    "values": ["science", "machine-learning"]
  }),
  error: function(e) {
    console.log(e);
  },
  dataType: "json",
  contentType: "application/json"
});

也许这会帮助别人。