日期:2014-05-16  浏览次数:20338 次

通过jQuery运用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);
    }
%>