 
<!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 () { 
$('#txtUserName').blur(function () { 
$.ajax({ 
type: "post", 
contentType: "application/json", 
url: "WebService1.asmx/ValidateUser", 
data: "{username:'" + $('#txtUserName').val() + "'}", 
success: function (result) { 
$('#spinfo').text(result.d); 
} 
}) 
}) 
}) 
</script> 
</head> 
<body> 
<div> 
用戶名<input type="text" id="txtUserName" /><span id="spinfo"></span><br /> 
密碼<input type="text" id="txtPwd" /> 
</div> 
</body> 
</html> 

您可能感興趣的文章:

相關(guān)文章

簡(jiǎn)單談?wù)凙JAX核心對(duì)象
核心對(duì)象是XMLHttpRequest，它可以提供不重新加載頁(yè)面的情況下更新網(wǎng)頁(yè)，在頁(yè)面加載后在客戶端向服務(wù)器請(qǐng)求數(shù)據(jù)，在頁(yè)面加載后在服務(wù)器端接受數(shù)據(jù)，在后臺(tái)向客戶端發(fā)送數(shù)據(jù)。
2015-11-11
js實(shí)現(xiàn)ajax分頁(yè)完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)ajax分頁(yè),以完整實(shí)例形式詳細(xì)分析了ajax分頁(yè)的具體步驟與實(shí)現(xiàn)技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下
2016-04-04
AJAX+Servlet實(shí)現(xiàn)的數(shù)據(jù)處理顯示功能示例
這篇文章主要介紹了AJAX+Servlet實(shí)現(xiàn)的數(shù)據(jù)處理顯示功能,結(jié)合實(shí)例形式分析了前臺(tái)ajax與后臺(tái)Servlet生成隨機(jī)數(shù)顯示的相關(guān)交互操作技巧,需要的朋友可以參考下
2018-06-06
ajax 怎么設(shè)置超時(shí)(一個(gè)action執(zhí)行了2遍)
一個(gè)action執(zhí)行了2遍，這個(gè)操作大致需要5分多鐘才能完成，于是搜了幾個(gè)可以設(shè)置超時(shí)的地方，希望對(duì)大家有所幫助
2014-08-08
Ajax通訊原理XMLHttpRequest
AJAX = 異步 JavaScript 和 XML。JavaScript不用說(shuō)腳本語(yǔ)言，XML也不用說(shuō)可擴(kuò)展標(biāo)記語(yǔ)言用于存放數(shù)據(jù)信息
2011-12-12
Ajax常用封裝庫(kù)——Axios的使用
這篇文章主要介紹了Ajax常用封裝庫(kù)——Axios的使用，幫助大家更好的理解和學(xué)習(xí)網(wǎng)絡(luò)編程，感興趣的朋友可以了解下
2021-05-05
ajax實(shí)現(xiàn)修改功能
本文主要介紹了ajax實(shí)現(xiàn)修改功能的相關(guān)資料，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
2017-04-04
ajax后臺(tái)處理返回json值示例代碼
很多的新手朋友們不知道ajax如何處理返回json值，在本文將為大家詳細(xì)介紹下
2013-09-09
Ajax 返回字符串的過(guò)濾實(shí)現(xiàn)代碼
在調(diào)用Ajax返回后。一個(gè)奇怪的問(wèn)題。返回的resultString值是“ok”但是跟字符串"ok"比較確不相等。
2009-08-08
Ajax原理與應(yīng)用案例快速入門教程
這篇文章主要介紹了Ajax原理與應(yīng)用案例,結(jié)合實(shí)例形式分析了ajax原理、功能、創(chuàng)建及使用方法,需要的朋友可以參考下
2019-07-07