jquery ajax

最新推荐文章于 2021-10-11 17:15:19 发布

dedong5893

最新推荐文章于 2021-10-11 17:15:19 发布

阅读量67

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/amibandoufu/p/5030946.html

版权

新建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中的方法。

转载于:https://www.cnblogs.com/amibandoufu/p/5030946.html