`
nevermars
  • 浏览: 10686 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

通过jQuery运用AJAX与数据库交互

    博客分类:
  • AJAX
阅读更多
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与数据库的交互.docx

    总结来说,AJAX与数据库的交互涉及到前端的JavaScript和jQuery库,以及后端的Java Servlet,通过GET和POST请求以及JSON数据交换,实现了动态更新网页内容,提高用户体验。在实际开发中,这种交互方式广泛应用于诸如...

    jquery_ajax操作数据库

    在jQuery中,使用AJAX与服务器进行异步数据交换变得极其简单,尤其在处理数据库交互时。 ### 1. jQuery AJAX 基础 在jQuery中,`$.ajax()`函数是核心的AJAX方法。它接受一个配置对象,该对象包含了请求的所有设置...

    Jquery+ajax+php+mysql数据库实现用户注册登录

    PHP通过SQL查询语句与数据库交互,进行用户验证。 5. **HTML**:HTML是超文本标记语言,用于构建网页结构。在这个项目中,HTML用于创建登录表单,包括输入用户名和密码的字段以及登录按钮。 6. **jQuery.sqlInject...

    jQuery幸运中奖大转盘网页特效+ASP+jQuery+ajax读取数据库奖项数据

    本资源包提供了基于jQuery的幸运中奖大转盘网页特效,结合ASP后台和AJAX技术,能够从数据库动态读取奖项数据,为网页工程师提供了一个完整的解决方案,方便进行二次开发。 首先,jQuery是一个轻量级的JavaScript库...

    SSH2+JQUERY+ajax+sqlserver数据库

    Hibernate则是一个对象关系映射(ORM)工具,它简化了Java应用程序与数据库之间的交互,通过Java对象直接操作数据库记录。 **jQuery**: jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理、动画效果和...

    基于jQuery的Ajax聊天室程序

    【基于jQuery的Ajax聊天室程序】是一个典型的Web交互应用,它利用了Ajax技术来实现实时的、无需页面刷新的用户交流。Ajax(Asynchronous JavaScript and XML)是一种在不重新加载整个网页的情况下,能够更新部分网页...

    jquery+jsp连接数据库

    当使用jQuery与JSP进行数据库交互时,通常会采用AJAX技术。AJAX(Asynchronous JavaScript and XML)是一种在不刷新整个页面的情况下,与服务器交换数据并更新部分网页的技术。在jQuery中,`$.ajax()`方法是最常用的...

    通过Jquery实现Ajax传值.rar

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来...

    jquery,ajax的几个小例子

    jQuery是一款非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。在Web开发中,jQuery是实现动态和交互性网页的关键工具。Ajax(Asynchronous JavaScript and XML)则是一种在无需...

    用JQuery,ajax从数据库读取数据.pdf

    总的来说,这个应用程序使用了jQuery和LigerUI来创建一个交互式的数据网格,通过Ajax技术从后端数据库获取和更新数据。用户可以查看、选择和操作数据,而无需刷新整个页面,这是典型的Web 2.0应用模式。此外,`...

    用JQuery,ajax从数据库读取数据.docx

    总结来说,这个例子展示了如何使用jQuery和ligerUI来创建一个交互式的Web应用,通过Ajax从服务器获取数据并在前端展示。用户可以通过菜单进行操作,表格中的数据可以被选中并查看,这在数据管理和操作的场景中非常...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

    php+jquery+ajax最简单例子

    PHP的主要功能是处理服务器端的数据,如接收表单数据、与数据库交互、生成动态内容等。 2. jQuery:这是一个JavaScript库,极大地简化了JavaScript的使用,提供了一种更简单的方式来处理DOM操作、事件处理、动画...

    JQuery 和Ajax做的小型后台

    本项目利用jQuery和Ajax技术,结合Web服务,构建了一个小型的后台系统,实现了无刷新效果,即用户在页面上进行操作时,数据的交互和更新无需整个页面重新加载,提升了用户的使用体验。 首先,让我们深入了解一下...

    JQuery+AJAX实现用户名验证

    首先,jQuery是一个轻量级的JavaScript库,它简化了DOM操作、事件处理、动画制作以及Ajax交互等任务。它的语法简洁易懂,使得开发者能够更高效地编写代码。AJAX(异步JavaScript和XML)则是一种在不刷新整个页面的...

    PHP-JQuery-Ajax-json

    它允许开发者创建动态内容,如表单处理、数据库交互等。PHPMailer是PHP中常用的邮件发送库,用于发送邮件功能,包含在压缩包中的`PHPMailer_v5.1.zip`和`PHPMailer-Lite_v5.1.zip`即为该库的两个版本,可用于实现...

    jsp智能提示完整版,jquery+ajax+text实现

    在这个项目中,JSP可能被用来接收用户的输入,处理请求,与数据库交互,并返回相应的智能提示结果。 jQuery是一个流行的JavaScript库,它简化了JavaScript的DOM操作、事件处理、动画制作和Ajax交互。在本项目中,...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    综上所述,这个"asp+jquery ajax实例源码"展示了如何利用ASP作为服务器端语言处理数据,结合jQuery的AJAX功能,实现无刷新的交互体验,优化用户在添加、删除、修改和分页操作中的浏览感受。通过学习和理解这个实例,...

    ajax注册页面 (数据库实现)

    以上是“ajax注册页面 (数据库实现)”项目中的主要知识点,涵盖了Ajax通信、前端交互、数据验证、后端处理、数据库设计以及安全措施等多个方面。理解并掌握这些知识点,对于开发高效、安全的Web应用至关重要。

Global site tag (gtag.js) - Google Analytics