Ajax序列化表单

序列化示例

简单类型

java
    示例1
    <form action="#" method="post">
        <input type="text" name="content" />
        <input type="password" name="password" id="password"/>
        <input type="button" value="提交" onclick='con();'/>
    </form>

<script> function con(){ var data = $("form").serialize(); alert(data); $.ajax({ url:"<%=request.getContextPath()%>/hello.do",type:"POST",data:data,success:function(data){ } }); } 后台 @RequestMapping ( "/hello" ) //data中的name与这里的参数一一对应 public void hello(String content,String password) throws Exception { System.out.println(content+"t"+password); }

checkbox类型

java
    示例2（在示例1的基础之上，前台添加以下代码，后台重写）
    <input type="checkbox" name="checkbox" value="checkbox1"/>checkbox1
    <input type="checkbox" name="checkbox" value="checkbox2">checkbox2
    <input type="checkbox" name="checkbox" value="checkbox3">checkbox3
后台
    @RequestMapping ( "/hello" )
    public void hello(String content,String password,String[] checkbox) throws Exception {
        System.out.println(content+"t"+password);
        for(String s:checkbox)
            System.out.println(s);
    }

之前的序列化示例是，表单中的name字段与后台方法参数一致；然而一旦字段多了，后台参数也就多了，会造成不方便，所以有了其他方法，参数可以是类，但是类的字段名要与表单字段name一致

后台参数为类

java
    @RequestMapping ( "/hello" )
    public void hello(Person p) throws Exception {
        System.out.println(p.getName());
        System.out.println(p.getPassword());
    }