数据交换项目

parent 2a6afc39
This source diff could not be displayed because it is too large. You can view the blob instead.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试</title>
<script type="text/javascript" src="static/jquery/jquery.min.js"></script>
</head>
<body>
<form id="form1">
用户名: <input type="text" name="name"/> <br>
年 龄: <input type="text" name="age"/><br>
兴 趣: <input type="checkbox" name="sport" value="1">足球
<input type="checkbox" name="sport" value="2">篮球<br>
<a onclick="submit()">提交(后台直接对象接收)</a>
<a onclick="submit1()">提交(后台@RequestBody接收)</a>
</form>
<script>
function submit() {
console.info($('#form1').serialize()); //name=2323&age=23232&sport=1 字符串
console.info($('#form1').serializeArray());
$.ajax({
method : 'post',
url : 'mvc/m1',
dateType:'json',
data : $('#form1').serializeArray(), //后台直接接收实体bean 数组类型json对象 适用表单提交
success : function(data) {
console.info(data)
}
})
}
function submit1() {
console.info($('#form1').serialize()); //name=2323&age=23232&sport=1
console.info($('#form1').serializeArray());
var data=$('#form1').serializeArray();
var saveDataAry=[];
//json对象
var data1={"name":"网站", "num":3, "sites":[ "Google", "Runoob", "Taobao" ]}
$.ajax({
method : 'post',
url : 'mvc/m2',
dateType:'json',
contentType:"application/json", //后台@RequestBody接收 就是接收json字符串
data :JSON.stringify(data1), // 将json对象转为json字符串
success : function(data) {
console.info(data)
}
})
}
</script>
</body>
</html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment