AJAX验证数据库内容并将值显示在页面

 更新时间:2014年08月24日 14:45:32   投稿:whsnow  
光标离开文本框,在本页面的相应地方获取数据库中改值所对应的其他数据,相应的实现代码如下,感兴趣的朋友可以看看

功能实现:

在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类代码

    一个AJAX类代码

    以前写的一个AJAX类,兼容性还不错,简单易用,记下了方便以后找 :)
    2010-01-01
  • jsp+ajax实现无刷新上传文件的方法

    jsp+ajax实现无刷新上传文件的方法

    这篇文章主要介绍了jsp+ajax实现无刷新上传文件的方法,结合实例形式分析了ajax无刷新上传文件及jsp后台处理的相关技巧,需要的朋友可以参考下
    2016-01-01
  • [asp]天枫AJAX百度音乐即时听附下载

    [asp]天枫AJAX百度音乐即时听附下载

    [asp]天枫AJAX百度音乐即时听附下载...
    2007-09-09
  • 关于二次封装jquery ajax办法示例详解

    关于二次封装jquery ajax办法示例详解

    Ajax 的全称是Asynchronous JavaScript and XML 异步的javaScript和XML,下面这篇文章主要给大家介绍了关于二次封装jquery ajax办法示例,文中通过示例代码介绍的非常详细,需要的朋友们下面来一起看看吧。
    2017-07-07
  • 自己动手封装的 ajax

    自己动手封装的 ajax

    过完年后项目开发比较紧张,好长时间没写文章了。好在项目进入测试实施后期,可以有时间总结一些自己最近项目的心得了。自从提出WEB2.0富客户以后AJAX技术现在是越来越流行,有待代替CS桌面程序之势。
    2009-07-07
  • 浅谈Ajax的缓存机制

    浅谈Ajax的缓存机制

    本文主要是向我们简单介绍了AJAX的缓存机制的几条简单的规则以及注意事项,非常不错,这里推荐给大家。
    2015-02-02
  • Ajax+js实现异步交互

    Ajax+js实现异步交互

    本文给大家分享的是原生javascript结合ajax实现的异步交互的方法和代码,非常的简单实用,有需要的小伙伴可以参考下。
    2016-01-01
  • 使用AJAX进行WEB应用程序开发的方法

    使用AJAX进行WEB应用程序开发的方法

    AJAX,一个异步JavaScript和XML的缩略词,是最近出来的技术词语。异步意味着你可以经由超文本传输协议(HTTP)向一个服务器发出请求并且在等待该响应时继续处理另外的数据。
    2010-04-04
  • 简单实体类和xml文件的相互转换方法

    简单实体类和xml文件的相互转换方法

    下面小编就为大家带来一篇简单实体类和xml文件的相互转换方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 163 AJAX Tab

    163 AJAX Tab

    163 AJAX Tab...
    2007-01-01

最新评论