Question

我正在实现一个Spring Boot应用程序，并实现了一个将使用ajax连接到Sprint引导后端的前端。这是我第一次使用前端并且需要一些帮助。我不知道我要去哪里错了。我想将JSON传递到后端进行进一步处理。

代码位于{/ 3}文件夹中的customer / src / main / resources / static / js文件夹中

当前的实现可以在Spring boot应用程序中进行调试，但是返回空的User和Customer对象。

ajax调用是：

 $.ajax({
       type: "POST",
       url: "/register/customer",
       data: JSON.stringify({ 
              "email":     $('#email').val(), 
              "pass":      $('#pass').val(), 
              "firstName": $('#firstName').val(), 
              "lastName":  $('lastName').val() }),
       dataType: "json",
       contentType : "application/json;charset=utf-8",
       success: function(data)
       {
           alert("data");
       },
       error: function(data) {
           alert(data);
       }
     });

     e.preventDefault();
});

可以帮忙吗？

谢谢。

Answer 1

首先要提到的是，您需要使用标准html <input type='submit'>禁用表单提交，并在适当的按钮单击上绑定ajax调用，或者删除您的ajax实现并使用html submit发送表单。我将为您提供第一种情况的示例。我假设您从表单中删除了type=submit。

$("#your-button").on('click', function(e) {
    e.preventDefault();
    var formData = $("#signup-form").serialize();

    console.log(formData);
    $.ajax({
           type: "POST",
           url: "/register/customer",
           data: formData,
           dataType: "json",
           contentType : "application/json;charset=utf-8",
           success: function(data)
           {
               alert("data");
           },
           error: function(data) {
               alert(data);
           }
         });
});

编辑：

恐怕没有用。后端出现错误，提示JSON解析错误：无法识别的令牌“ firstName”：预期为“ null”，“ true”，“ false”。

使用JQuery和Ajax连接到后端

1 个答案: