手机
当前位置:查字典教程网 >编程开发 >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同步异步简单实现

Ajax读取XML实现动态下拉导航

Ajax实现文件下载

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

ajax异步加载图片实例分析

Ajax 表单验证 实现代码

ajax读取properties资源文件数据的方法

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

Ajax+PHP简单基础入门实例教程

ajax获取数据中文乱码问题最简单的完美解决方案

精品推荐
分类导航