java jsp jquery中的删除和修改

wenwen1 发布于 2012/08/23 16:26
阅读 905
收藏 0
$(function(){
            $('#custom').datagrid({
                nowrap: false,
                striped: true,
                collapsible:true,
                url:'../json/getcustomerInfo.jsp',
                sortName: 'khbh',
                sortOrder: 'desc',
                fit:'true',
                fitColumns:'true',
                remoteSort: false,
                frozenColumns:[[
                    {title:'客户编号',field:'khbh',width:'100',align:'center',sortable:true},
                    {title:'客户名称',field:'khmc',width:'200',align:'center',sortable:true},
                    {title:'部门名称',field:'bmmc',width:'150',align:'center',sortable:true},
                    {title:'部门职能',field:'bmzn',width:'100',align:'center',sortable:true},
                    {title:'客户基本信息',field:'khjbxx',width:'200',align:'center',sortable:true},
                    {title:'备注',field:'bz',width:'100',align:'center',sortable:true}
                ]],
                columns:[[
                    {field:'cz',title:'操作',width:'100',align:'center', rowspan:2,
                        formatter:function(value,rec){
                            return '<span style="color:red"><a href="../jsp/updateCustomerInfo.jsp?id={1}">修改</a>|<a onclick="return confirm("确定要删除吗?")" href="../jsp/deleteCustomerInfo.jsp?id={2}">删除</a></span>';
                        
                        }
                    }
                ]],
                pagination:true,
                rownumbers:true,
                toolbar:[{
                    id:'btnadd',
                    text:'新增客户',
                    iconCls:'icon-add',
                    handler:function(){
                        $('#btnsave').linkbutton('enable');
                        window.location.href='../jsp/newCustomer.jsp?id=12'
                    }
                }]
            });
            var p = $('#custom').datagrid('getPager');
            $(p).pagination({
                onBeforeRefresh:function(){
                    alert('正在刷新');
                }
            });
        });       

请问一下上面的红色的代码应该怎么写才能修改和删除页面的数据后,数据库的数据也修改和删除了啊?

我的updateCustomerInfo.jsp如下:

<%@ page language="java" import="java.util.*" import="java.sql.*" pageEncoding="utf-8"%>
<jsp:useBean id="dbConn" class="pack_convert.DBConnXmgl"/>
<%@ page session="true" %>
<%
request.setCharacterEncoding("utf-8");//处理乱码
 String id = request.getParameter("idcustomer");
 int aid = Integer.parseInt(id);
  String khmc = request.getParameter("khmc");
  String bmmc = request.getParameter("bmmc");
  String bmzn = request.getParameter("bmzn");
  String bmfzr = request.getParameter("bmfzr");
  String khjbxx = request.getParameter("khjbxx");
  String bz = request.getParameter("bz");
  String sql = "update customer set khmc='"+khmc+"',bmmc='"+bmmc+"',bmzn='"+bmzn+"',bmfzr='"+bmfzr+"',khjbxx='"+khjbxx+"',bz='"+bz+"' where idcustomer="+aid;
  boolean bol = dbConn.Sql(sql);
  //out.println(sql);
  if(bol){
        out.println("{\"success\":\"true\",\"msg\":\"添加成功!\"}");
   }else{
        out.println("{\"failure\":\"failure\",\"msg\":\"出错了,请重新操作!\"}");
   }
  //out.println("<a href=projectState.jsp>1秒后自动跳转...</a>");
        dbConn.releaseConn();//释放链接
  response.setHeader("Refresh","1; URL=customerInfo.jsp");//1秒后自动跳转页面

  %>

我的deleteCustomerInfo.jsp如下:

<%@ page language="java" import="java.util.*" import="java.sql.*" pageEncoding="utf-8"%>
<jsp:useBean id="dbConn" class="pack_convert.DBConnXmgl"/>
<jsp:useBean id="customer" class="net.gvsun.database.Customer"/>
<%@ page session="true" %>

 <%
 String id = request.getParameter("id");
 int aid = Integer.parseInt(id);
 boolean bol = customer.deleteCustomerInfo(aid);
 response.setHeader("Refresh","1; URL=customerInfo.jsp");//1秒后自动跳转页面
 dbConn.releaseConn();
 %>


加载中
0
anx
anx
红色字体部分加上ajax操作。通过ajax请求删除和修改操作。
wenwen1
wenwen1
@bysag888 那到底该怎么写呢?我是新手还不懂啊?
anx
anx
@wenwen1 format里面是要写js,只要能写js的地方就能写ajax。
wenwen1
wenwen1
不对吧,在fomat怎么写ajax啊?
返回顶部
顶部