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

最新推荐文章于 2021-06-04 23:07:56 发布

aaquecn6047

最新推荐文章于 2021-06-04 23:07:56 发布

阅读量255

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/20158424-hxlz/p/10407208.html

版权

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;
    }
}

转载于:https://www.cnblogs.com/20158424-hxlz/p/10407208.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aaquecn6047

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js - 使用jquery发送前台请求给服务器，并显示数据

1.使用jquery发送前台请求给服务器，并显示数据<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>success</title></head><scrip...
复制链接

扫一扫