不多说,上代码
服务器端
public class StringModel { private String string1; private String string2; private String string3; private String string4;}省略get/set
@RequestMapping(value = "/findStrings", method = RequestMethod.POST) public StringModel findStrings(@ModelAttribute StringModel stringModel){ System.out.println(stringModel.toString()); return null; }
html,这是一个前后端分离,支持跨域的项目,所以里面用的是JSONP,如果一个项目下dataType:json
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js-business/jquery-3.1.1.min.js"></script>
<script src="../js-business/jquery.form.js"></script>
<script>
$(document).ready(function() {
$("#btnButton").click(function() {
var options = {
contentType: "application/x-www-form-urlencoded; charset=utf-8",
url: 'http://192.168.1.104:8760/test/findStrings',
type: 'post',
dataType: "json",
jsonp: "jsoncallback",
success: function(data) {
}
};
$("#ajaxForm").ajaxSubmit(options);
return false;
});
});
</script>
</head>
<body>
<form id="ajaxForm" method="post">
<input class="mui-input-clear" type="text" placeholder="string1" id="string1" name="string1">
<input class="mui-input-clear" type="text" placeholder="string2" id="string2" name="string2">
<input class="mui-input-clear" type="text" placeholder="string3" id="string3" name="string3">
<input class="mui-input-clear" type="text" placeholder="string4" id="string4" name="string4">
</form>
<button id="btnButton" type="button">提交2</button>
</body>
</html>
测试结果