利用jquery技术的序列化结合ajax方式进行对象的处理

利用jquery技术的序列化结合ajax方式进行对象的处理

阅读前提：1.要有一定的基础；2.本文注释较少；3.里面的都是关键代码

HTML代码

<fieldset><legend>利用jquery技术的序列化结合ajax方式进行对象的处理。</legend></fieldset><fieldset><legend>$(\"form\").serialize();</legend><div><form action=\"#\" ><input name=\"empno\" value=\"1314\" type=\"text\" /><input name=\"ename\" value=\"张三\" type=\"text\" /><input name=\"sal\" value=\"8000\" type=\"text\" /></form><button id=\"serialize\">序列化</button></div></fieldset><script src=\"js/jquery-1.12.4.js\"></script><script type=\"text/javascript\">$(function() {$(\"#serialize\").click(function () {alert($(\'form\').serialize());$.ajax({url : \"serialize\",type : \"POST\",dataType : \"json\",/*$(\'form\').serialize():会将表单序列化形式类似与：a=b&a1=b1&a2=b2*/data: $(\'form\').serialize(),contentType : \"application/x-www-form-urlencoded;charset=utf-8\",//指定消息请求类型success : function(data) {},error : function() {alert(\"操作失败，请联系管理员！\");}});});});</script>

控制类

/*** 2.2利用jquery技术的序列化结合ajax方式进行对象的处理。Ps:$(\"form\").serialize(); //a=b&a1=b1&a2=b2*/@Controllerpublic class JquerySerialize {@RequestMapping(value=\"/serialize\")//,produces = {\"application/json;charset=UTF-8\"}public void test(Emp emp) {System.out.println(emp);System.out.println(1);}}

实体类

public class Emp {private Integer empno;private String ename;private Double sal;public Emp() {super();// TODO Auto-generated constructor stub}public Emp(Integer empno, String ename, Double sal) {super();this.empno = empno;this.ename = ename;this.sal = sal;}public Emp(Integer empno, String ename) {super();this.empno = empno;this.ename = ename;}public Integer getEmpno() {return empno;}public void setEmpno(Integer empno) {this.empno = empno;}public String getEname() {return ename;}public void setEname(String ename) {this.ename = ename;}public Double getSal() {return sal;}public void setSal(Double sal) {this.sal = sal;}@Overridepublic String toString() {return \"Emp [empno=\" + empno + \", ename=\" + ename + \", sal=\" + sal + \"]\";}}