⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 show.jsp

📁 ajax 例子. 包括:ajax实现级联菜单,下拉列表,dwr的使用. ajax总结文档. 以及相关ajax书籍等.
💻 JSP
字号:

<%@ page language="java" pageEncoding="UTF-8"%>

<%@ taglib uri="http://jakarta.apache.org/struts/tags-bean" prefix="bean" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-html" prefix="html" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-logic" prefix="logic" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-template" prefix="template" %>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-nested" prefix="nested" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html locale="true">
  <head>
    <title>show.jsp</title>
<script language="javascript" src="/ajaxCUID/dwr/interface/JEmpService.js"></script>
<script language="javascript" src="/ajaxCUID/dwr/engine.js"></script>
<script language="javascript" src="/ajaxCUID/dwr/util.js"></script>
<script language="javascript">
var emp = {id:"",name:"",salary:""};
//添加员工
function addOrEditEmp()
{
	DWRUtil.getValues(emp); 
	//alert(emp.name);
	//alert(emp.salary);
	var but = DWRUtil.getValue("addOrEdit");
	if(but == "新增")
	{
		JEmpService.addEmp(emp,addEmpCallback);
	}
	else if(but == "修改")
	{
		JEmpService.addEmp(emp,editEmpCallback);
	}
	
}

//添加员工回调函数	
function addEmpCallback(data)
{
	//alert(data);
	if(data == "1")
	{
		alert("新增成功!");
	}
	else
	{
		alert("新增失败!");
	}
	location.href = "readyShow.do";
}

//修改员工回调函数	
function editEmpCallback(data)
{
	//alert(data);
	if(data == "1")
	{
		alert("修改成功!");
	}
	else
	{
		alert("修改失败!");
	}
	location.href = "readyShow.do";
}


//删除员工
function deleteEmp(id)
{
	if(confirm("确定要删除此数据吗?"))
	{
		JEmpService.deleteEmp(id,deleteEmpCallback);
	}
	
}

//删除员工回调函数
function deleteEmpCallback(data)
{
   if(data == "1")
   {
   		alert("删除成功!");
   }
   else
   {
   	   alert("删除失败!");
   }
   location.href = "readyShow.do";
   
}

//修改员工
function editEmp(id)
{
	//先通过id得到这条记录信息.然后将修改过的对象提交给后台.
	JEmpService.selectEmpById(id,getEmpByIdCallback);
}

//将员工信息显示出来
function getEmpByIdCallback(data)
{
	emp.id = data.id;
	emp.name = data.name;
	emp.salary = data.salary;
	DWRUtil.setValues(emp);
	DWRUtil.setValue("addOrEdit","修改");
	
	//或者使用下面方法将值赋给文本框.
	//	DWRUtil.setValue("name",data.name);
   //	DWRUtil.setValue("salary",data.salary);
	
	
}

</script>
  </head>
  
  <body>
  	  添加员工信息: <br>
      <html:form  action="add.do">
      <html:hidden property="id"/>
	   	name:<html:text property="name" ></html:text> <br/>
	   	salary:<html:text property="salary" ></html:text> <br/>
	   	<html:button property="addOrEdit" onclick="addOrEditEmp();" value="新增"></html:button>
	   	&nbsp; &nbsp; 
	   	<html:reset>重写</html:reset>
   	  </html:form>
  
     <table width="500" border="1">
    	<tr>
    		<td align="center">编号</td>
    		<td align="center">姓名</td>
    		<td align="center">薪水</td>
     		<td align="center">删除</td>
    		<td align="center">编辑</td>

    	</tr>
    	
    	<!--使用迭代器显示所有员工的记录 -->
    	<logic:iterate id="employee" name="emp">
    		<tr>
    			<td align="center"><bean:write property="id" name="employee"/></td>
    			<td valign="center"><bean:write property="name" name="employee"/></td>
    			<td align="center"><bean:write property="salary" name="employee"/></td>
    			<td align="center"><a href="#" onclick="deleteEmp(<bean:write property="id" name="employee"/>);">删除</a></td>
    			<td align="center"><a href="#" onclick="editEmp(<bean:write property="id" name="employee"/>);">编辑</a></td>
    		</tr>
    	
    	</logic:iterate>
    </table>
    
  </body>
</html:html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -