zoukankan      html  css  js  c++  java
  • jquery ajax

    新建jq1.jsp页面,导入jquery文件

    <script type="text/javascript" src="jquery.js"></script>

    body中添加

    用户名 : <input type="text" id="btn" name="name"><label>1111</label> <br>
    密    码 : <input type="password" name="password"> <br>

    在head结束标签之前添加

    <script type="text/javascript">
        $(function() {
            $("#btn").blur(function() {//在用户名输入框失去焦点时,触发事件
                var value = $("#btn").val();
                $.ajax({
                    data:{val:value},
                    dataType:"json",  
                    success:function(result) {
                        if(result) {
                            
                            $("label").text("好人");
                            alter("aa");
                        }else {
                            $("label").text("no");    
                        }
                    },
                    type:"POST",
                    url:"/web01/JQeryServlet"
                })
                
            });
        })
    </script>

    建立JQeryServlet。在doPost中

         response.setContentType("text/html");
            PrintWriter out = response.getWriter();
            
            String value = request.getParameter("val");         
            if(value.equals("kkk")) {
                out.print("true");
            }else {
                out.print("false");
            }
            out.flush();
            out.close();

    当访问jq1.jsp时会向servlet发送value。servlet返回的值保存在result中,成功,则执行success中的方法。

  • 相关阅读:
    C++ 虚函数表解析
    C#编写简单的聊天程序
    c#事件与委托
    c#文本控件实现换行
    docker 详细安装及问题排查
    hadoop命令行
    Spark中的多线程并发处理
    CDH6.1.0离线安装——笔记
    linux 常用命令
    Rsync 恢复 libselinux.SO.1
  • 原文地址:https://www.cnblogs.com/amibandoufu/p/5030946.html
Copyright © 2011-2022 走看看