HttpMediaTypeNotSupportedException：不支持内容类型 'application/x-www-form-urlencoded;charset=UTF-8'

Question

我正在尝试使用 ajax 将 javascript 发布到 spring 控制器

    $("#crear").click(function () {
        var user = document.getElementById("user").value;
        var client = document.getElementById("client").value;
        var documents = document.getElementById("documents").value;
        if (user==null||client==null||documents==null){
            document.getElementById("error").innerHTML='FALTAN COSASsssssssssss';
            alert('Rellene todo los campos!')
        }
        const data={
            fecha_inicio:'A',
            id:'A',
            fecha_entrega:'A',
            usuario:{
                nombre:user
            },
            cliente: {
                nombre:client
            }
        }
        $.ajax({
            url: urlCrearAlta,
            type: "POST",
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            data: data,
            success: function(data) {
                // ...
            }

        });
        $.post(urlCrearAlta,JSON.stringify(data),function (data,satus){
            console.log('${data} and status is ${status}')
        });
        document.getElementById("error").innerHTML=user+client+documents;
    });

和java代码

@RequestMapping("/altas")
@RestController
public class AltaRestController {

    private AltaController altaController;

    public AltaRestController(AltaController altaController) {
        this.altaController = altaController;
    }
@PostMapping("/create-alta")
    public void createAlta(@RequestBody AltaDTO altaDTO) {
        altaController.createAlta(altaDTO);
    }

我收到错误已解决 [org.springframework.web.HttpMediaTypeNotSupportedException: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported]

当我使用 $.ajax 时它不发送任何请求，只是当我使用 $.post 时它发送请求

Answer 1

问题似乎是您如何使用$.post 方法。如果您不指定另一个 contentType，jQuery 默认在 post 上使用 application/x-www-form-urlencoded;charset=UTF-8 contentType。结合后端的@RequestBody 注解（默认需要application/json）会导致看到的异常和415状态码。

这个问题的解决方案应该是相当简单的，只需为 .post 方法添加正确的配置，如下所示：

$.post({
        url: urlCrearAlta,
        type: "POST",
        contentType: 'application/json',
        dataType: 'json',
        data: JSON.stringify(data)
    })
    .done((data, status) => {
          console.log(data, status);
          //do whatever you like with data and status
    });

另外，正如 jQuery 文档 here 中所述，$.post 只是 $.ajax 的简写方法，所以如果 $.ajax 不起作用而 $.post 起作用，那么您的方式应该有问题配置请求或如何处理回调方法。对我来说主要的嫌疑人是你在$.ajax请求中指定的success函数，检查那里没有错，或者只是使用其他回调方法，如.done、.fail和.always