JSP页面中需要根据下拉菜单(id="select")所选的值与数据库交互来做出提示和提交按钮(id="submitBtn")是否需要隐藏,这里通过另一个jsp页面从数据库中取到数据,然后通过JSON对象传递数据给表单页面。
JSP表单页面中的JavaScript代码:
<script language="JavaScript" type="text/javascript">
/*
用来判断所选记录是否已经存在
*/
$(document).ready(function(){
$("#select").change(function(){
$.getJSON("checkData.jsp",
{recordID:document.getElementById("select").value},
function(data){
if(data!=null){
if(data.recordExist != 0) {
alert("该记录已存在,不能重复添加!");
$("#submitBtn").hide();
} else {
$("#submitBtn").show(); }
}
});
});
});
</script>
checkData.jsp中的代码
<%@ page language="java" pageEncoding="GBK"%>
<%@ page import="net.sf.json.JSONObject" %>
<jsp:useBean id="baseDao" scope="request"
class="com.common.BaseDao"/>
<%
/*
根据传递进来的recordID来判断记录是否已存在
*/
int recordID = Integer.parseInt
(request.getParameter("recordID")); //获得recordID
if(recordID != 0) {
String sql =
"SElECT count(*) FROM T_RECORDS WHERE ID="+recordID;
String[][] result = null;
result = baseDao.select(sql);
JSONObject jo = new JSONObject(); //新建JSON对象
jo.accumulate("recordExist",result[0][0]); //将结果存入JSON对象
out.println(jo);
}
%>
分享到:
相关推荐
总结来说,AJAX与数据库的交互涉及到前端的JavaScript和jQuery库,以及后端的Java Servlet,通过GET和POST请求以及JSON数据交换,实现了动态更新网页内容,提高用户体验。在实际开发中,这种交互方式广泛应用于诸如...
在jQuery中,使用AJAX与服务器进行异步数据交换变得极其简单,尤其在处理数据库交互时。 ### 1. jQuery AJAX 基础 在jQuery中,`$.ajax()`函数是核心的AJAX方法。它接受一个配置对象,该对象包含了请求的所有设置...
PHP通过SQL查询语句与数据库交互,进行用户验证。 5. **HTML**:HTML是超文本标记语言,用于构建网页结构。在这个项目中,HTML用于创建登录表单,包括输入用户名和密码的字段以及登录按钮。 6. **jQuery.sqlInject...
本资源包提供了基于jQuery的幸运中奖大转盘网页特效,结合ASP后台和AJAX技术,能够从数据库动态读取奖项数据,为网页工程师提供了一个完整的解决方案,方便进行二次开发。 首先,jQuery是一个轻量级的JavaScript库...
Hibernate则是一个对象关系映射(ORM)工具,它简化了Java应用程序与数据库之间的交互,通过Java对象直接操作数据库记录。 **jQuery**: jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理、动画效果和...
【基于jQuery的Ajax聊天室程序】是一个典型的Web交互应用,它利用了Ajax技术来实现实时的、无需页面刷新的用户交流。Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页...
当使用jQuery与JSP进行数据库交互时,通常会采用AJAX技术。AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。在jQuery中,`$.ajax()`方法是最常用的...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来...
jQuery是一款非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。在Web开发中,jQuery是实现动态和交互性网页的关键工具。Ajax(Asynchronous JavaScript and XML)则是一种在无需...
总的来说,这个应用程序使用了jQuery和LigerUI来创建一个交互式的数据网格,通过Ajax技术从后端数据库获取和更新数据。用户可以查看、选择和操作数据,而无需刷新整个页面,这是典型的Web 2.0应用模式。此外,`...
总结来说,这个例子展示了如何使用jQuery和ligerUI来创建一个交互式的Web应用,通过Ajax从服务器获取数据并在前端展示。用户可以通过菜单进行操作,表格中的数据可以被选中并查看,这在数据管理和操作的场景中非常...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...
PHP的主要功能是处理服务器端的数据,如接收表单数据、与数据库交互、生成动态内容等。 2. jQuery:这是一个JavaScript库,极大地简化了JavaScript的使用,提供了一种更简单的方式来处理DOM操作、事件处理、动画...
本项目利用jQuery和Ajax技术,结合Web服务,构建了一个小型的后台系统,实现了无刷新效果,即用户在页面上进行操作时,数据的交互和更新无需整个页面重新加载,提升了用户的使用体验。 首先,让我们深入了解一下...
首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。它的语法简洁易懂,使得开发者能够更高效地编写代码。AJAX(异步JavaScript和XML)则是一种在不刷新整个页面的...
它允许开发者创建动态内容,如表单处理、数据库交互等。PHPMailer是PHP中常用的邮件发送库,用于发送邮件功能,包含在压缩包中的`PHPMailer_v5.1.zip`和`PHPMailer-Lite_v5.1.zip`即为该库的两个版本,可用于实现...
在这个项目中,JSP可能被用来接收用户的输入,处理请求,与数据库交互,并返回相应的智能提示结果。 jQuery是一个流行的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。在本项目中,...
综上所述,这个"asp+jquery ajax实例源码"展示了如何利用ASP作为服务器端语言处理数据,结合jQuery的AJAX功能,实现无刷新的交互体验,优化用户在添加、删除、修改和分页操作中的浏览感受。通过学习和理解这个实例,...
以上是“ajax注册页面 (数据库实现)”项目中的主要知识点,涵盖了Ajax通信、前端交互、数据验证、后端处理、数据库设计以及安全措施等多个方面。理解并掌握这些知识点,对于开发高效、安全的Web应用至关重要。