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

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

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

功能實現(xiàn)：

在jsp頁面中填寫文本框內(nèi)容，光標(biāo)離開文本框，在本頁面的相應(yīng)地方獲取數(shù)據(jù)庫中改值所對應(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));
}
}
});
});
});

您可能感興趣的文章:

驗證數(shù)據(jù)

相關(guān)文章

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