遊標離開文字框,在本頁面的相應地方獲取資料庫中改值所對應的其他數據,相應的實作程式碼如下,有興趣的朋友可以看看
功能實作:
在jsp頁面中填寫文字框內容,遊標離開文字框,在本頁面的相應地方取得資料庫中改值所對應的其他資料。
servlet:
request.setCharacterEncoding("utf-8"); PrintWriter out = response.getWriter(); // 调用servlet层去数据库查找是否有相同用户名 并返回到页面中的其他记录 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)); } } }); }); });
以上是AJAX驗證資料庫內容並將值顯示在頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章!