jquery.form.js+springboot

最新推荐文章于 2022-10-28 21:49:19 发布

小南xyz

最新推荐文章于 2022-10-28 21:49:19 发布

阅读量450

点赞数

分类专栏： Java技术 springboot 文章标签： sprintboot 服务器

本文链接：https://blog.csdn.net/xiaonannew/article/details/78935620

版权

Java技术同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

springboot

5 篇文章 0 订阅

订阅专栏

不多说，上代码

服务器端

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>