主页 / 问题 / 1026336
Accepted
Antonio112009
Asked:2020-09-20 20:51:11 +0000 UTC2020-09-20 20:51:11 +0000 UTC

Spring MVC 中的 Ajax 帖子引发 404 错误

  • 772

编写了一个函数来使用jQuery-ajax. 一切似乎都是正确的，但它给出了 404 错误。

.js 文件：

function json(itemId, quantity, type) {
    let item = {};
    item["id"] = itemId;
    item["path"] = window.location.pathname;
    item["quantity"] = quantity;

    $.ajax({
        type: "POST",
        url: "/test/ajax",
        data: JSON.stringify(item),
        dataType: "json",
        contentType: 'application/json',
        success: function (e) {
            console.log("success!!!")
        },
        error: function (e) {
            console.log("Error!!!")
        },
        done: function (e) {
            console.log("Done!!!")
        }
    })
}
ajax

1 个回答

  1. Best Answer

    很可能，该错误是由于您没有禁用csrf.

    要禁用csrf-

    如果你不想禁用这个东西，你将不得不做一些事情：

    1. 将以下行添加到文件中Thymeleaf（JSP我不使用它）：
    <meta th:name="_csrf" th:content="${_csrf.token}"/>
<meta th:name="_csrf_header" th:content="${_csrf.headerName}"/>
    1. 让我们js-файл添加：
    var token = $("meta[name='_csrf']").attr("content");
var header = $("meta[name='_csrf_header']").attr("content");

//код $.ajax

beforeSend: function (xhr) {
  xhr.setRequestHeader(header, token);
},

    最后，我们的 js 文件应该是这样的：

    function json(itemId, quantity, type) {
    let item = {};
    item["id"] = itemId;
    item["path"] = window.location.pathname;
    item["quantity"] = quantity;

    $.ajax({
        type: "POST",
        beforeSend: function (xhr) {
            xhr.setRequestHeader(header, token);
        },
        url: "/test/ajax",
        data: JSON.stringify(item),
        dataType: "json",
        contentType: 'application/json',
        success: function (e) {
            console.log("success!!!")
        },
        error: function (e) {
            console.log("Error!!!")
        },
        done: function (e) {
            console.log("Done!!!")
        }
    })
}
    • 0

相关问题