快捷導(dǎo)航

AJAX驗(yàn)證數(shù)據(jù)庫內(nèi)容并將值顯示在頁面

更新時(shí)間：2014年08月24日 14:45:32 投稿：whsnow

光標(biāo)離開文本框，在本頁面的相應(yīng)地方獲取數(shù)據(jù)庫中改值所對(duì)應(yīng)的其他數(shù)據(jù)，相應(yīng)的實(shí)現(xiàn)代碼如下，感興趣的朋友可以看看

功能實(shí)現(xiàn)：

在jsp頁面中填寫文本框內(nèi)容，光標(biāo)離開文本框，在本頁面的相應(yīng)地方獲取數(shù)據(jù)庫中改值所對(duì)應(yīng)的其他數(shù)據(jù)。

servlet:

request.setCharacterEncoding("utf-8");
PrintWriter out = response.getWriter();
// 調(diào)用servlet層去數(shù)據(jù)庫查找是否有相同用戶名 并返回到頁面中的其他記錄
String client_id = request.getParameter("client_id");
ClientServices clientServices = new ClientServices();
try {
Thread.sleep(2000);
} catch (InterruptedException e) {
e.printStackTrace();
}
Client client = clientServices.findClientById(client_id);
if (client != null) {
out.print(URLEncoder.encode(client.getClient_name(), "utf-8"));
} else {
out.print("false");
}
out.flush();
out.close();

jquery：

$(document).ready(function() {
$("#client_id").blur(function() {
$.ajax({
type : 'POST',
url : 'servlet/validServlet?client_id=' + $(this).val(),
data : 'client_id=' + $("#client_id").val(),
success : function(msg) {
if (msg == 'false') {
alert("沒有此人");
} else {
//utf-8解碼解決中文亂碼
$("#clientInfo").html(decodeURI(msg));
$("#clientInfo").attr("value", decodeURI(msg));
}
}
});
});
});

您可能感興趣的文章:

驗(yàn)證數(shù)據(jù)

相關(guān)文章

一個(gè)AJAX類代碼
以前寫的一個(gè)AJAX類，兼容性還不錯(cuò)，簡單易用，記下了方便以后找 :)
2010-01-01
jsp+ajax實(shí)現(xiàn)無刷新上傳文件的方法
這篇文章主要介紹了jsp+ajax實(shí)現(xiàn)無刷新上傳文件的方法,結(jié)合實(shí)例形式分析了ajax無刷新上傳文件及jsp后臺(tái)處理的相關(guān)技巧,需要的朋友可以參考下
2016-01-01
[asp]天楓AJAX百度音樂即時(shí)聽附下載
[asp]天楓AJAX百度音樂即時(shí)聽附下載...
2007-09-09
關(guān)于二次封裝jquery ajax辦法示例詳解
Ajax 的全稱是Asynchronous JavaScript and XML 異步的javaScript和XML，下面這篇文章主要給大家介紹了關(guān)于二次封裝jquery ajax辦法示例，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友們下面來一起看看吧。
2017-07-07
自己動(dòng)手封裝的 ajax
過完年后項(xiàng)目開發(fā)比較緊張，好長時(shí)間沒寫文章了。好在項(xiàng)目進(jìn)入測試實(shí)施后期，可以有時(shí)間總結(jié)一些自己最近項(xiàng)目的心得了。自從提出WEB2.0富客戶以后AJAX技術(shù)現(xiàn)在是越來越流行，有待代替CS桌面程序之勢。
2009-07-07
淺談Ajax的緩存機(jī)制
本文主要是向我們簡單介紹了AJAX的緩存機(jī)制的幾條簡單的規(guī)則以及注意事項(xiàng)，非常不錯(cuò)，這里推薦給大家。
2015-02-02
Ajax+js實(shí)現(xiàn)異步交互
本文給大家分享的是原生javascript結(jié)合ajax實(shí)現(xiàn)的異步交互的方法和代碼，非常的簡單實(shí)用，有需要的小伙伴可以參考下。
2016-01-01
使用AJAX進(jìn)行WEB應(yīng)用程序開發(fā)的方法
AJAX，一個(gè)異步JavaScript和XML的縮略詞，是最近出來的技術(shù)詞語。異步意味著你可以經(jīng)由超文本傳輸協(xié)議(HTTP)向一個(gè)服務(wù)器發(fā)出請(qǐng)求并且在等待該響應(yīng)時(shí)繼續(xù)處理另外的數(shù)據(jù)。
2010-04-04
簡單實(shí)體類和xml文件的相互轉(zhuǎn)換方法
下面小編就為大家?guī)硪黄唵螌?shí)體類和xml文件的相互轉(zhuǎn)換方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-08-08
163 AJAX Tab
163 AJAX Tab...
2007-01-01