首页 > Web开发 > 详细

jquery ajax

时间:2015-12-08 21:57:11      阅读:301      评论:0      收藏:0      [点我收藏+]

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

 

jquery ajax

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!