jquery ajax get()

最新推荐文章于 2022-03-14 13:47:58 发布

o_瓜田李下_o

最新推荐文章于 2022-03-14 13:47:58 发布

阅读量267

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/weixin_43931625/article/details/107740419

版权

jquery 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

jquery ajax get()

应用：使用get方式发送异步请求，从后端获取数据

**********************

语法：get(url，[data]，[callback])

url：请求发送地址

data：可选，传递给后端的参数

callback：可选，请求成功后调用，请求失败不会调用，回调参数：

response：请求返回数据

status：请求结果状态

xmlHttpRequest：http请求对象

type：结果返回类型，可包括：xml、html、text、script、json、jsonp

**********************

示例

HelloController

@RestController
public class HelloController {

    @RequestMapping("/hello")
    public String hello(){
        return "hello 瓜田李下";
    }

    @RequestMapping("/hello2")
    public String hello2(String name){
        return "hello "+name;
    }

    @RequestMapping("/hello3")
    public Map<String,String> hello3(String name){
        Map<String,String> map=new HashMap<>();
        map.put("info",name);

        return map;
    }
}

index.html

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" xmlns:sec="https://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/jquery/jquery-3.5.1.min.js"></script>
</head>
<script>
    $(function () {
        $("#btn").click(function () {
            $.get({
                url: "/hello2",
                data: {
                    name: "瓜田李下"
                },
                success: function (result) {
                    $("#span").html("<strong style='color: yellow'>"+result+"</strong>")
                }
            })

            $.get({
                url: "/hello3",
                data: {
                    name: "瓜田李下"
                },
                success: function (result) {
                    $("#span2").css("color","green").text(result.info);
                }
            })
        })
    })
</script>
<body>
<div th:align="center">
    <span id="span"></span><br>
    <span id="span2"></span><br>
    <button id="btn">加载数据</button>
</div>
</body>
</html>

点击btn

o_瓜田李下_o

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery ajax get()

jquery ajax get()应用：使用get方式发送异步请求，从后端获取数据**********************语法：get(url，[data]，[callback])url：请求发送地址data：可选，传递给后端的参数callback：可选，请求成功后调用，请求失败不会调用，回调参数：...
复制链接

扫一扫