spring boot 结合ajax技术_springboot整合ajax-优快云博客

一、Ajax介绍

Ajax即“Asynchronous Javascript And XML”（异步JavaScript和XML),指的是一种创建交互方式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量的数据交换，Ajax可以使网页实现异步更新。常用在，登录校验、后台更改数据项等领域。

二、Ajax的使用

下面的代码实现的是当input失去焦点的时候发送Ajax请求，判断input中的值是否为为admin。是则返回ture ，否则false。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>AjaxDemo</title>
    <script  th:src="@{/asset/jquery-3.4.1.min.js}"></script>
</head>
<body>
<!--onblur:失去焦点-->
    <input type="text" id="txtName" onblur="a1()">
</body>

$.ajax({
            url:"/al",
            data:{"name": $('#txtName').val()},
            success:function (data,status) {
                console.log(data);
                console.log(status);
            }
        });

/**
* 主要插参数:
* -url：待载入页面的URL地址，Json
* -data:待发送的key/value参数
* -success：载入成功时的回调函数
* 参数：
* data：封装了服务器返回的数据
* status ：状态
* -type:发送请求的类型（post()、get()), Jquery支持:$.post() $.get();
*
*/

springboot Controller对Ajax的请求处理

  @RequestMapping("/al")
    public void ajax(String name, HttpServletResponse response) throws IOException{
        if("admin".equals(name)){
            response.getWriter().print("true");
        }else{
            response.getWriter().print("false");
        }
    }