通过jQuery运用AJAX与数据库交互
JSP页面中需要根据下拉菜单(id="select")所选的值与数据库交互来做出提示和提交按钮(id="submitBtn")是否需要隐藏,这里通过另一个jsp页面从数据库中取到数据,然后通过JSON对象传递数据给表单页面。
JSP表单页面中的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(); }
}
});
});
});
checkData.jsp中的代码
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);
}
%>