关于我们经常用到的form表单提交

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

工作中遇到了太多太多的表单提交问题，曾经学过一个HTML的表单提交给

另外一个HTML页面，对于后台怎么获取有点想不起来了。

今天便做了几个实验，提交订单到后台，来掩饰后台如何接受表单内容；

实验一：

后台是如何接收的呢；

@Controller
@RequestMapping(value = "/login")
public class LoginController {
@RequestMapping(value = "/abc")
@ResponseBody
public void login(String name){
System.out.println(name);
System.out.println(tel);
}

输入：周杰伦

123456

点击提交按钮：

输出：周杰伦

123456

没有问题。

实验二：

后台现将name,和tel属性封装成一个类person

public class Person { private String name;
private String tel;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getTel() {
return tel;
}
public void setTel(String tel) {
this.tel = tel;
} }

后台代码

@Controller
@RequestMapping(value = "/login")
public class LoginController {
@RequestMapping(value = "/abc")
@ResponseBody
public void login(Person person){
System.out.println(person.getName());
System.out.println(person.getTel());
}

依然成功；

实验三表单的ajax提交；（重点）

1.用其他的按钮代替提交按钮。

我们在form标签的外面再加一个按钮（登录）；实现点击登录按钮也提交。这时候需要在登录按钮添加方法，方法中写上

$("#my").submit()；

那么如何实现ajax提交呢。

function ck(){ $.ajax({
url:"/login/abc",
type:"post",
dataType:"json",
data:$("#my").serializeArray(),
success:function(person){
console.log(person.name);
}
}) }

重点重点重点：

data:$("#my").serializeArray(),