手机
当前位置:查字典教程网 >编程开发 >AJAX相关 >ajax 登录功能简单实现(未连接数据库)
ajax 登录功能简单实现(未连接数据库)
摘要:简单的登录功能(未连接数据库)复制代码代码如下:$(function(){$('#tijiao').click(function(){var...

简单的登录功能(未连接数据库)

复制代码 代码如下:

<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 "登陆失败!"; }

}

【ajax 登录功能简单实现(未连接数据库)】相关文章:

Ajax技术(WEB无刷新提交数据)

比较Ajax的三种实现及JSON解析

ajax异步加载图片实例分析

浅谈Ajax技术实现页面无刷新

Ajax实现文件下载

asp+Ajax简单客户登陆验证

SpringMVC环境下实现的Ajax异步请求JSON格式数据

ajax实现无刷新省市县三级联动

滑轮滚动到页面底部ajax加载数据配合jsonp实现探讨

基于Ajax技术实现文件上传带进度条

精品推荐
分类导航