spring MVC中Ajax表单提交,以及常见问题(Ajax无法获取值,controller无法获取值)

需求描述:表单中字段比较多,不希望一个个去获取写入,整个表单进行提交。

代码:

function submitForm() {
        //console.info($('#userform').serialize())
        console.info($('#userform').serializeArray())
      $.ajax({
            type: 'post',
            url: '${ctx}/people/saveUser',
            dataType: 'json',
            data: $('#userform').serializeArray(),
            success: function(data) {
                // your code
                console.info(data)
            }
        });
    }

需要注意的是:form表单中需要设置name属性,表单序列化是name-value对应的。否则就会出现Ajax中值为null。

而且表单中的属性需要设置完整,否则整个表单无法正常反射到controller,导致里面entity对象为null。

spring MVC中Ajax表单提交,以及常见问题(Ajax无法获取值,controller无法获取值)_第1张图片

 在controller中:

spring MVC中Ajax表单提交,以及常见问题(Ajax无法获取值,controller无法获取值)_第2张图片

你可能感兴趣的:(框架学习,Javaweb开发,Spring)