前端有一个文本框和一个按钮,在文本框输入内容后,点击提交,怎么把数据传到后台(springmvc),且此时页面不会跳转?
+++++++++++++++++++++++++++
前端
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<form>
<input type="text" name="name" id="word" placeholder="请输入内容">
<button id="btn" type="submit"></button>
</form>
</body>
</html>
后台:
不知道要用什么(ModelAndView、Model、session)?
+++++++++++++++++++
请大神指教,谢谢
可以通过form表单提交然后用实体类去接收,也可以通过ajax异步请求后台controller然后再刷新前台页面
,,,感觉提问区的问题大多数都是你问的,可以使用ajax异步发送数据。点击提交按钮请求ajax,ajax请求controller对应方法,controller将查到的数据返回(注意controller方法中加@ResponseBody注解返回json数据),ajax接收返回参数后将值填充到页面的对应位置。
//前台
$("#dtn").click(function () {
let param = {
word:$("#word").val()
}
$.ajax({
url: "xxx/xxx",
data:param,
success: function () {
//TODO
}
});
});
//后台Controller
@PostMapping(value = "getWord", produces = MediaType.APPLICATION_JSON_UTF8_VALUE)
public String getWord(@RequestParam(value = "word")String word){
//这里获取到前台传过来的word
//TODO
return null;
}