layui.use(['form'], function () { var form = layui.form; form.on('submit(addBook)', function (data) { console.log(data.field); $.ajax({ type: 'post', method: 'post', url: '/BookShopSystem_war/insertBook', data: JSON.stringify(data.field), // 将表单数据转换为 JSON 字符串 dataType: 'json', contentType: 'application/json', // 设置请求头的 Content-Type success: function (res) { layer.msg("提交成功", function () { setTimeout(function () { window.parent.frames.location.href = "bookList.html"; }, 5000); }); }, error: function (res) { layer.msg("提交失败", function () { setTimeout(function () { window.parent.frames.location.href = "bookList.html"; }, 5000); }); }, }); return false; }); });该代码调用接口成功，并能插入数据，但为什么提交数据后弹出的是error:function

可能是因为服务器返回的状态码不是 2xx（比如 200，201，204 等），而是 4xx 或 5xx 等错误状态码。你可以在 error 回调函数中查看服务器返回的具体信息，例如：

error: function (res) {
  console.log(res.status);  // 查看状态码
  console.log(res.responseText);  // 查看服务器返回的具体信息
  layer.msg("提交失败", function () {
    setTimeout(function () {
      window.parent.frames.location.href = "bookList.html";
    }, 5000);
  });
},

如果是因为请求头的 Content-Type 不正确导致的错误，也会返回 4xx 错误状态码，你可以在浏览器的开发者工具中查看请求头和响应头的具体信息，以确定问题所在。