 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<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 = 'HTMLPage1.htm'; 
} 
else { 
$('#divinfo').text("用戶名或密碼錯(cuò)誤"); 
} 
} 
}) 
}) 
}) 
</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> 

------WebService1.asmx----

復(fù)制代碼代碼如下:

 
using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.Services; 
namespace ajax11 
{ 
/// <summary> 
/// WebService1 的摘要說(shuō)明 
/// </summary> 
[WebService(Namespace = "http://tempuri.org/")] 
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
[System.ComponentModel.ToolboxItem(false)] 
// 若要允許使用 ASP.NET AJAX 從腳本中調(diào)用此 Web 服務(wù)，請(qǐng)取消對(duì)下行的注釋。 
[System.Web.Script.Services.ScriptService] 
public class WebService1 : System.Web.Services.WebService 
{ 
[WebMethod] 
public string HelloWorld() 
{ 
return "Hello World"; 
} 
[WebMethod] 
public string ValidateUser(string username) 
{ 
if (username == "onlifes") 
{ 
return "用戶名已被占用，請(qǐng)選擇其他"; 
} 
else 
{ 
return "可以使用，請(qǐng)繼續(xù)"; 
} 
} 
[WebMethod] 
public string GetDate() 
{ 
return DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss"); 
} 
[WebMethod] 
public string Login(string username, string pwd) 
{ 
if (username == "admin" && pwd == "888888") 
{ 
return "true"; 
} 
else 
{ return "false"; } 
} 
} 
} 

您可能感興趣的文章:

相關(guān)文章

Ajax解決多余刷新的兩種方法(總結(jié))
下面小編就為大家?guī)?lái)一篇Ajax解決多余刷新的兩種方法(總結(jié))。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-02-02
Ajax疊加(Ajax返回?cái)?shù)據(jù)用Ajax發(fā)出)示例代碼
把參數(shù)用Ajax發(fā)送到數(shù)據(jù)庫(kù)進(jìn)行查詢?nèi)缓笥肁jax將數(shù)據(jù)發(fā)送到數(shù)據(jù)庫(kù)簽到表，于是有了下面的代碼，感興趣的朋友可以了解下，希望對(duì)大家學(xué)習(xí)ajax有所幫助
2013-08-08
ajax JSONP請(qǐng)求處理回調(diào)函數(shù)jsonpCallback區(qū)分大小寫
使用ajax進(jìn)行 JSONP跨域請(qǐng)求，因?yàn)楸徽?qǐng)求的對(duì)方的回調(diào)函數(shù)名稱是無(wú)法修改，想到設(shè)置AJAX 的JSONP參數(shù)。但是發(fā)現(xiàn)根本不起作用。最后偶然發(fā)現(xiàn) jsonpcallback是區(qū)分大小寫的
2013-09-09
Django中的Ajax
Django 是由 Python 開(kāi)發(fā)的一個(gè)免費(fèi)的開(kāi)源網(wǎng)站框架，可以用于快速搭建高性能，優(yōu)雅的網(wǎng)站.AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）.接下來(lái)通過(guò)本文給大家介紹django中的ajax，希望對(duì)大家有所幫助
2016-03-03
Ajax實(shí)現(xiàn)帶有驗(yàn)證碼的局部刷新登錄界面
很多登錄界面都有驗(yàn)證碼功能局部刷新效果，接下來(lái)通過(guò)本文給大家分享ajax實(shí)現(xiàn)帶有驗(yàn)證碼的局部刷新登錄界面，感興趣的朋友一起看看吧
2016-09-09
Ajax實(shí)現(xiàn)彈出式無(wú)刷新城市選擇功能代碼
這篇文章主要介紹了Ajax實(shí)現(xiàn)彈出式無(wú)刷新城市選擇功能代碼,實(shí)例分析了Ajax彈出窗口及無(wú)刷新選擇數(shù)據(jù)項(xiàng)的相關(guān)技巧,需要的朋友可以參考下
2015-08-08
使用Ajax實(shí)現(xiàn)進(jìn)度條的繪制
這篇文章主要介紹了如何利用Ajax繪制進(jìn)度條，文中的示例代碼講解詳細(xì)，對(duì)我們的學(xué)習(xí)或工作有一定的幫助，感興趣的小伙伴可以了解一下
2022-04-04
聊一聊Ajax的優(yōu)缺點(diǎn)
和大家一起聊一聊Ajax的優(yōu)缺點(diǎn)，Ajax是一個(gè)動(dòng)態(tài)的WEB應(yīng)用的開(kāi)發(fā)技術(shù)，它的出現(xiàn)豐富了用戶的體驗(yàn)，今天就和大家進(jìn)一步的了解Ajax,感興趣的小伙伴們可以參考一下
2016-02-02
Ajax加載菊花loding效果
這篇文章主要介紹了Ajax加載菊花loding效果的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
Ajax中瀏覽器的緩存問(wèn)題解決方法
我們?cè)谧鲰?xiàng)目中，一般提交請(qǐng)求都會(huì)通過(guò)ajax來(lái)提交，但是測(cè)試的時(shí)候發(fā)現(xiàn)，每次提交后得到的數(shù)據(jù)都是一樣的，調(diào)試可以排除后臺(tái)代碼的問(wèn)題，所以問(wèn)題肯定是出在前臺(tái)
2013-06-06