ajax 簡單的登錄功能(未連接數據庫)

簡單的登錄功能(未連接數據庫) 

<script src="Jquery1.7.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#tijiao').click(function () {
                var username = $('#username').val();
                var pwd = $('#pwd').val();
                $.ajax({
                    type: "post",
                    contentType: "application/json",
                    url: "WebService1.asmx/denglu",
                    data: "{username:'" + username + "',pwd:'" + pwd + "'}",
                    success: function (bukeyi) {
                        $('#tishi').text(bukeyi.d);
                    }
                })
            })
        })
    </script>
</head>
<body>
 用戶名:<input type="text" id="username" runat="server" />
 密碼:<input type="text" id="pwd" runat="server" />
 <input type="button" id="tijiao" value="提交" />
 <div id="tishi"></div>

 [WebMethod]
        public string denglu(string username,string pwd)
        {
            if (username == "zhangsan" && pwd == "123")
            {
                return "登陸成功!";
            }
            else { return "登陸失敗!"; }
        }

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章