[JavaScript知识库] Ajax（SpringMVC学习笔记十二）

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> Ajax（SpringMVC学习笔记十二） -> 正文阅读

[JavaScript知识库]Ajax（SpringMVC学习笔记十二）

?jQuery是一个库，里面包含大量的js方法（函数）?

ajax

?1、编写jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>$Title$</title>
    <%--导入静态资源到jsp前端页面--%>
    <script src="${pageContext.request.contextPath}/statics/js/jquery-3.6.0.js"></script>
    <%--$就代表jquery--%>
    <script>
      function a() {
        $.post({
          url:"${pageContext.request.contextPath}/a1",
          data:{"name":${"#username"}.val()},
          success:function (data) {
            alert(data);
          },
          error:function () {
            
          }
        })
      }
    </script>

  </head>
  <body>

  <%--失去焦点的时候，发起一个请求(携带信息)到后台--%>
  用户名<input type="text" id="username" onblur="a()">

  </body>
</html>

?2、编写controller

    @RequestMapping("/a1")
    public void a1(String name, HttpServletResponse response) throws IOException {
        System.out.println("a1:param=>" + name);
        if ("ming".equals(name)){
            response.getWriter().print("true");
        }else {
            response.getWriter().print("false");
        }

    }