简单的html+ajax+ashx登陆

最新推荐文章于 2022-04-23 10:10:45 发布

丘果冻

最新推荐文章于 2022-04-23 10:10:45 发布

阅读量1.2k

点赞数

分类专栏：记录集文章标签： ajax AJAX Ajax ashx html Html HTML 登陆

本文链接：https://blog.csdn.net/rong8905993/article/details/8236089

版权

这篇博客介绍了一种使用HTML、Ajax和Ashx处理后端逻辑的简单登录实现方式。用户输入用户名和密码后，点击按钮触发Ajax post请求，发送数据到login.ashx处理。Ashx接收请求，连接数据库验证用户名和密码，根据结果返回“1”（成功）或“0”（失败）。前端接收到响应后，显示相应的登录状态提示。

摘要由CSDN通过智能技术生成

以下代码均通过测试

login.htm

<body>
用户名：<input type="text" id="userName"/><br />
密码：&nbsp&nbsp<input type="password" id="password"/><br />
<input type="button" id="login" value="登陆"/>

</body>
<script type="text/javascript">

$(document).ready(function () {
$("#login").live('click', function () {
var username = $("#userName").val();
var pwd = $("#password").val();
$.ajax({
type: "post",
url: "login.ashx",
data: { userName: username, passWord: pwd, state: "login" },
success: