 
<!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)文章

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