js - 使用jquery发送前台请求给服务器,并显示数据

2023-06-20,,

1.使用jquery发送前台请求给服务器,并显示数据

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>success</title>
</head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<script type="text/javascript">function change() {
$.ajax({
type : "GET",
url : "/abc2",
data : {
"user": "wangerxiao"
},
success : function(result) {
alert(result)
}
});
}
</script>
<body>
<h1>this is success page</h1>
<h2>${msg}</h2>
<div class="form" style="width: 100px;height: 100px;background-color: red" onclick="change()">
</div>
</body>
</html>

2.后台接受前台请求,并发送相应

@Controller
public class HelloController {
@GetMapping("/abc2")
@ResponseBody
public Map<String,Object> hello2(@RequestParam("user")String user){
System.out.println(user);
List<String> list = new ArrayList<>();
list.add("a");
list.add("b");
list.add("c");
Map<String,Object> map = new HashMap<>();
map.put("1","王二小");
map.put("2","刘明");
map.put("3","张三");
return map;
}
}

js - 使用jquery发送前台请求给服务器,并显示数据的相关教程结束。

《js - 使用jquery发送前台请求给服务器,并显示数据.doc》

下载本文的Word格式文档,以方便收藏与打印。