为什么我的表单数据没有到达我的@RequestBody

Question

我正在使用 Spring。我有一个控制器，它为用户创建一个页面，然后用户输入数据。我需要捕获该数据并放入数据库 我的控制器

@Controller
@RequestMapping({"/pdc"})
public class PDCController {
    // generate page to send to user
    @RequestMapping(value = {"/{ffaAssgnId}"}, method = RequestMethod.GET)
    public String getAssignment(Model model, @PathVariable Integer ffaAssgnId) {
        Integer userContactId = userService.getUserContactId();

        PDCAssgn assignment = pdcService.getAssgn(ffaAssgnId, userContactId);

        List<MagValidate> statuses = validateService.getValidateByType("FAS");
        Map<Integer, MagValidate> mapStatuses = new HashMap<>();
        for (MagValidate status : statuses) {
            mapStatuses.put(status.getValidateId(), status);
        }

        model.addAttribute("mapStatus", mapStatuses);
        model.addAttribute("assignment", assignment);

        return "pdc";
    }
    // get response from user
    @RequestMapping(value = {""}, method = RequestMethod.POST)
    public @ResponseBody AjaxResponse updateAssignment(@RequestBody PDCAssgn assignment) {
        System.out.println(assignment.toString());

//      try {
//          pdcService.updateAssgn(assignment);
//      } catch (Exception ex) {
//          ex.printStackTrace();
//          List<String> errors = new ArrayList<>();
//          errors.add("Error saving DARF.");
//          return new AjaxResponse("ERROR", null, errors);
//      }

        return new AjaxResponse("OK", null, null);
    }
}

我渲染表单的一部分

    <td><input id="wholesalerIssues0.assgnIssue.promoDealers" name="wholesalerIssues[0].assgnIssue.promoDealers" class="numberLarge" type="text" value=""/></td>
    <td><input id="wholesalerIssues0.assgnIssue.dealersFound" name="wholesalerIssues[0].assgnIssue.dealersFound" class="numberLarge" type="text" value=""/></td>
    <td><input id="wholesalerIssues0.assgnIssue.curDraw" name="wholesalerIssues[0].assgnIssue.curDraw" class="numberLarge" type="text" value=""/></td>
    <td><input id="wholesalerIssues1.assgnIssue.promoDealers" name="wholesalerIssues[1].assgnIssue.promoDealers" class="numberLarge" type="text" value=""/></td>
    <td><input id="wholesalerIssues1.assgnIssue.dealersFound" name="wholesalerIssues[1].assgnIssue.dealersFound" class="numberLarge" type="text" value=""/></td>
    <td><input id="wholesalerIssues1.assgnIssue.curDraw" name="wholesalerIssues[1].assgnIssue.curDraw" class="numberLarge" type="text" value=""/></td>

等价的jsp

    <td><form:input  path="wholesalerIssues[${whStatus.index}].assgnIssue.promoDealers" cssClass="numberLarge" placeholder="${targetTitle.promoDealers}"/></td>
    <td><form:input  path="wholesalerIssues[${whStatus.index}].assgnIssue.dealersFound" cssClass="numberLarge" placeholder="${targetTitle.dealersFound}"/></td>
    <td><form:input  path="wholesalerIssues[${whStatus.index}].assgnIssue.curDraw" cssClass="numberLarge" placeholder="${targetTitle.curDraw}"/></td>

发送数据的javascript

function doSendA(e) {
e.preventDefault();

var form = $("#frm-assignment");
var formFields = $("#frm-assignment input:not([readonly])")
var formData = {}
$.each(formFields, function(i, v){
    var input = $(v);
    // populate form data as key-value pairs
    // with the name of input as key and its value as value
    formData[input.attr("name")] = input.val();
});
console.log(formData);
$.ajax({
    type: "POST",
    url: "${pageContext.request.contextPath}/pdc",
    contentType: "application/json; charset=utf-8" ,
    data: JSON.stringify(formData),
    dataType: "json",
    success : function(ajaxResponse) {
        if (ajaxResponse.status !== "OK") {
            hideLoading();
            showToast("bad", ajaxResponse.errors[0]);
            return;
        }
        hideLoading();
//              location.reload();
            showToast("good", "Your data was saved.");
    },
    error : function(res) {
        hideLoading();
        showToast("bad", "There was a problem saving your data.");
    }
});
}

console.log(formData);

{"wholesalerIssues[0].assgnIssue.promoDealers":"123","wholesalerIssues[0].assgnIssue.dealersFound":"","wholesalerIssues[0].assgnIssue.curDraw":"","wholesalerIssues[1].assgnIssue.promoDealers":"","wholesalerIssues[1].assgnIssue.dealersFound":"","wholesalerIssues[1].assgnIssue.curDraw":""}

控制器的System.out.println(assignment.toString());

magforce.model.PDCAssgn@4f71f251[wholesalerIssues=<null>]

我尝试打印出请求中的内容，发现绑定期间没有错误，但我的结果数据对象仍然是空的。我做了很多谷歌查询，但还没有找到任何使用 Spring 的表单标签（<form:form>、<form:input> 等）加上 ajax json 和 Spring 的 @RequestBody 的东西。

Answer 1

不是一个真正的答案，而是把它放在这里作为我评论的扩展。这里的目标是向您展示如何测试您的端点。

您的控制器正在公开一个端点。如果您启动您的应用程序，您有一个可以访问的 URL，在本例中为“http://localhost:8080/pdc”（除非您为 URL 添加前缀，但根据您发布的内容，这应该是您的 URL）。如果您在 *NIX 系统上，您可以使用 curl。如果您使用的是 Windows，您可能想尝试一下 Postman。要在您的 POST 端点上使用 curl，对您的端点的调用将是这样的。当然我不知道你的对象结构，所以一定要根据你的对象结构调整JSON。

curl -i -H "Accept: application/json" -H "Content-Type: application/json" \
          -X POST -d \
       '{
           "yourObject":{
              "someArray":[
                 {
                     "aDate":{
                        "year":2019,
                        "month":10,
                        "day":1
                     },
                    "someValue":4,
                    "otherVaule":10000,
                    "anId":1
                 }
              ],
              "someOtherValue":100000,
              "someStatus":"DRAFT"
           }
        }' http://localhost:8080/pdc

通过使用这样的工具测试您的端点，您可以隔离您遇到的问题。一旦你成功地校准了你的端点，你至少会知道你的端点是有序的，并且任何问题都出在你的 JavaScript 代码中。