OGeek|极客世界-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

ajax 登录功能简单实现(未连接数据库)

2022-2-5 16:59| 发布者: 菜鸟教程小白| 查看: 213| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: 未连接数据库下实现ajax 登录功能判断登陆成功与失败，喜欢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 "登陆失败！"; } 
} 