繁体   English   中英

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

[英]Why isn't my form data getting to my @RequestBody

我正在使用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>]

我尝试从请求中打印出内容,发现绑定期间没有错误,但是我得到的数据对象仍然为空。 我已经做了很多Google查询,但是还没有找到任何使用Spring的表单标签( <form:form><form:input>等)以及ajax json和Spring的@RequestBody的东西。

这不是一个真正的答案,而是将其作为我的评论的扩展。 这里的目标是向您展示如何测试端点。

您的控制器正在公开一个端点。 如果启动您的应用程序,您将具有一个可以访问的URL,在这种情况下,访问的是“ http:// localhost:8080 / pdc ”(除非您为URL加上前缀,但根据发布的内容,这应该是您的URL)。 。 如果您使用的是* NIX系统,则可以使用卷发器。 如果您使用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代码中。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM