欢迎使用优快云-markdown编辑器

最新推荐文章于 2025-06-18 11:53:51 发布

有点浪^_^

最新推荐文章于 2025-06-18 11:53:51 发布

阅读量239

点赞数

CC 4.0 BY-SA版权

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.youkuaiyun.com/interface2016/article/details/52965800

ajax 专栏收录该内容

1 篇文章

订阅专栏

ajax的基础语法使用

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script type="text/javascript" src="js/jquery-1.9.0.js"></script>
<script type="text/javascript">
    $(function() {
        $("button").click(function() {
            var userName = $("#exampleInputEmail1").val();
            var pwd = $("#exampleInputPassword1").val();
            $.ajax({
                type : "post",
                url : "/ajaxProject/IsLoginServlet",
                data : {"userName":userName,"pwd":pwd},
                dataType : "json",
                success : function(data) {
                        if(data=="1"){
                            window.location.href="show.jsp";
                        }else{
                            /* 提示用户登录信息错误 */
                            $("#warm").html("用户名或密码错误！");
                        }  

                }
            });

        });

    });
</script>
</head>
<body>

    <div class="container">

        <div class="row">
            <div class="form-group col-md-6">
                <label for="exampleInputEmail1">用户名</label> <input type="text"
                    class="form-control" id="exampleInputEmail1" placeholder="UserName"
                    name="userName" /><span id="warm"></span>
            </div>
        </div>

        <div class="row">
            <div class="form-group col-md-6">
                <label for="exampleInputPassword1">密码</label> <input type="password"
                    class="form-control" id="exampleInputPassword1"
                    placeholder="Password" name="pwd" />
            </div>
        </div>
        <button type="submit" class="btn btn-default" id="btn">登录</button>


    </div>
</body>
</html>