jquery的ajax例子

jquery的ajax例子Jquery实现Ajax登录验证页面<%@pagecontentType=”text/html;charset=UTF-8″language=”java”%><html><head><title>Title</title><scriptsrc=”${pageContext.request.contextPath}/static/js/jquery-3.6.0.js”></script>

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

Jquery实现Ajax登录验证

页面

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="${pageContext.request.contextPath}/static/js/jquery-3.6.0.js"></script>
    <script>
        function a1() {
            $.post({
                url:"${pageContext.request.contextPath}/a3",
                data:{"name":$("#name").val()},
                success:function (data) {
                    if(data.toString()==='ok'){
                        $("#userInfo").css("color","green");
                    }else {
                        $("#userInfo").css("color","red");
                    }
                    $("#userInfo").html(data);
                }
            })
        }
        function a2() {
            $.post({
                url:"${pageContext.request.contextPath}/a3",
                data:{"pwd":$("#pwd").val()},
                success:function (data) {
                    if(data.toString()==='ok'){
                        $("#pwdInfo").css("color","green");
                    }else {
                        $("#pwdInfo").css("color","red");
                    }
                    $("#pwdInfo").html(data);
                }
            })
        }
    </script>
</head>
<body>

<p>
    用户名:<input type="text" id="name" οnblur="a1()">
    <span id="userInfo"></span>
</p>

<p>
    密码:<input type="text" id="pwd" οnblur="a2()">
    <span id="pwdInfo"></span>
</p>

</body>
</html>

请求

@RequestMapping("/a3")
public String a3(String name,String pwd){ 
   
    String msg="";
    if(name!=null){ 
   
        //admin在数据库查
        if("admin".equals(name)){ 
   
            msg="ok";
        }else { 
   
            msg="用户名错误";
        }
    }
    if(pwd!=null){ 
   
        //admin在数据库查
        if("123456".equals(pwd)){ 
   
            msg="ok";
        }else { 
   
            msg="密码错误";
        }
    }
    return msg;
}

使用Jquery的Ajax需要先导入js文件

然后使用$.post(url,data,success)进行异步交互post ,get ,ajax方法都可以实现

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/158745.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • OpenCV—基本矩阵操作与示例[通俗易懂]

    OpenCV—基本矩阵操作与示例[通俗易懂]图像处理中对矩阵的操作非常重要,本文总结了使用OpenCV进行矩阵的创建、初始化以及基本矩阵操作,给出了示例代码。

  • Gamma校正_显示器伽马值调多少

    Gamma校正_显示器伽马值调多少介绍伽马校正的由来,作用以及实践

  • java的句柄_java获取窗口句柄

    java的句柄_java获取窗口句柄Java代码书写过程,文件资源的释放需要特别谨慎的对待.通常文件资源使用后必须close,然后再删除。如果先删除但没有close掉,会造成文件句柄未被释放.这会造成实际使用磁盘空间较大,成为瓶颈importjava.io.File;importjava.io.FileOutputStream;importjava.io.IOException;publicclassFileTest{p…

    2022年10月18日
  • 笔记———No.1 使用matlab画圆「建议收藏」

    笔记———No.1 使用matlab画圆「建议收藏」//Anhighlightedblockfunctionra(r,X,Y)%r=5;%半径%X=6;%圆心x坐标%Y=-5;%圆心y坐标b=0.001;%精确值x=(X-r):b:(X+r);%x的范围y=sqrt(r

  • Werkstatt Munchen_we.elk

    Werkstatt Munchen_we.elkWSGIapplication接收两个参数:“environment”和“start_response”。requestclass可以包装environ,方便对environ进行操作fromwerkzeug.wrappersimportRequest,Responsedefapplication(environ,start_response):request=Request(environ)response=Response(“Hello%s!”%r

  • 倾斜摄影当中重叠度、传感器尺寸、焦距等参数问题梳理[通俗易懂]

    倾斜摄影当中重叠度、传感器尺寸、焦距等参数问题梳理[通俗易懂]1序随着无人机的快速发展,倾斜摄影行业迎来了一个新的浪潮,越来越多的人利用无人机从事测绘行业的相关数据采集工作。在数据采集过程当中遇到了各种各样的问题,导致飞出来的数据不达标,无法完成模型重建工作。这里根据自己的接触对倾斜摄影过程当中重叠度、传感器、焦距、飞行速度、拍照间隔等参数以及他们之间的相互关系做一个简单的梳理。如有不当或错误之处敬请指正。本文很多内容参考自【Sm

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号