AJAX实现用户登录

-----------------------WebService1--------------------------------

// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。
[System.Web.Script.Services.ScriptService]
public class WebService1 : System.Web.Services.WebService
{

[WebMethod]
public string HelloWorld()
{
return "Hello World";
}

[WebMethod]
public string Login(string username,string pwd)
{
if (username == "admin" && pwd == "111111")
{
return "true";
}
else
{
return "false";
}
}
}


------------ HTMLPage1.htm--------------------------

<html xmlns="http://www.w3.org/1999/xhtml">

<head> <title></title> <script src="js/Jquery1.7.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#Button1').click(function () { var username = $('#txtUserName').val(); var pwd = $('#txtPwd').val(); $.ajax({ type: "post",contentType: "application/json",url: "WebService1.asmx/Login",data: "{username:'" + username + "',pwd:'" + pwd + "'}",success: function (bukeyi) { if (bukeyi.d == 'true') { window.location = 'HTMLPage2.htm'; } else { $('#divinfo').text("用户名或密码错误"); } } }) }) }) </script> </head> <body> 用户名<input id="txtUserName" type="text" /><br /> 密码<input id="txtPwd" type="text" /><br /> <input id="Button1" type="button" value="登录" /><br /> <div id="divinfo"></div> </body> </html>

相关文章

IE6是一个非常老旧的网页浏览器,虽然现在很少人再使用它,但...
PHP中的count()函数是用来计算数组或容器中元素的个数。这个...
使用 AJAX(Asynchronous JavaScript and XML)技术可以在不...
Ajax(Asynchronous JavaScript and XML)是一种用于改进网页...
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX,我们可以...
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax...