页面中的删除确认（ajax）、输入框中确认信息是否可用（ajax）的jquery代码
1.页面中的删除确认（ajax）
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$(".delete").click(function(){
var lastName=$(this).next(":hidden").val();
var flag=confirm("确定要删除 "+ lastName + "的信息吗？");//confirm的返回值：当点击确定时，返回值为true，当点击取消时，返回值为false
if(flag){
var $tr=$(this).parent().parent();
//使用ajax方式进行删除操作
var url=this.href;
var args={"time":new Date()};
jQuery.ajax({
type:'post',
data:args,
url:url,
success:function(data){ //通过实践发现，若ajax有返回值，那么data就是返回值，若data没有返回值，默认情况下，这个data指的是就是当前这个页面
console.log(data);
if(data=='1'){
alert('delete successfully');
$tr.remove();
}
else{
alert('delete unsuccessfully');
}
}
})
}
return false;
});
})
</script>
</head>
<body>
<h4>Employee List Page</h4>
<s:if test="#request.employee==null || #request.employee.size()==0">
没有员工数据信息
</s:if>
<s:else>
<table border="1" cellpadding="10" cellspacing="0">
<tr>
<td>ID</td>
<td>LastName</td>
<td>Email</td>
<td>Birth</td>
<td>CreateTime</td>
<td>Department</td>
<td>edit</td>
</tr>
<s:iterator value="#request.employee">
<tr>
<td>${id}</td>
<td>${lastName}</td>
<td>${email}</td>
<td>
<s:date name="birth" format="yyyy-mm-dd"/>
</td>
<td><s:date name="createTime" format="yyyy-mm-dd hh:mm:ss"/>
</td>
<td>${department.departmentName}</td>
<td><a href= "emp-delete?id=${id}" class="delete">Delete</a>
<input type="hidden" value="${lastName}">
</td>
</tr>
</s:iterator>
</table>
</s:else>
</body>
</html>
2.输入框中确认信息是否可用（ajax）：
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="scripts/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(function(){
$(":input[name=employee.lastName]").change(function(){
var val=$(this).val();
val=$.trim(val);
var $this=$(this);
var url="emp-valid";
var args={"lastName":val,"time":new Date()};
if(val !=""){
$this.nextAll("font").remove();
jQuery.ajax({
type:'post',
data:args,
url:url,
success:function(data){
if(data=='1'){
$this.after("<font color='green'>LastName可用！</font>");
}else if(data='0'){
$this.after("<font color='red'>LastName不可用!</font>");
}
else{
alert("服务器异常");
}
}
})
}
})
})
</script>
</head>
<body>
<h4>Add new Employee</h4>
<s:form action="emp-save" method="post">
<s:textfield name="employee.lastName" label="LastName"></s:textfield>
<br>
<s:textfield name="employee.email" label="Email"></s:textfield><br>
<s:textfield name="employee.birth" label="Birth"></s:textfield><br>
<s:select list="#request.department"
listKey="id" listValue="departmentName" name="employee.department.id" label="Department"></s:select><br>
<s:submit> </s:submit>
</s:form>
</body>
</html>
页面中的删除确认（ajax）、输入框中确认信息是否可用（ajax）的jquery代码的更多相关文章
- Django中,ajax检测注册用户信息是否可用?
ajax检测注册用户信息主体思路 1.在settings.py中配置需要使用的信息 #对static文件进行配置 STATICFILES_DIRS=[ os.path.join(BASE_DIR,'s ...
- 实现bootstrap布局的input输入框中的图标点击功能
使用bootstrap布局可以在input的输入框中添加譬如登录名输入框中的一键清除图标和密码输入框中显示密码的小眼睛图标.如下图: 但是在将图标放入input输入框中,这些小图标是无法获得点击事件的 ...
- ArcGIS中删除“点”附带的对应“文本信息”
现状: 用ArcMap打开对应的.mxd文件,导入KML数据后,几何类型“点” - 每一个点都附带对应的文本信息“Placemark”,如下图: 问题:ArcGIS中如何 删除“点”附带的对应“文本信 ...
- MSClass 和setInterval 的并发，ajax定时有采集信息滚动显示
setTimeout 用于延时器,只执行一次. setInterval:用于多次执行. //****************************************** 项目中引用到jquer ...
- js jq输入框中按回车触发提交事件，用户在页面输入后按回车（Enter键）进行
js jq输入框中按回车触发提交事件,用户在页面输入后按回车(Enter键)进行 代码如下: <!DOCTYPE html> <html lang="en" xm ...
- vue中数组删除，页面没重新渲染
创建一个组件时,数据类型是数组,在删除这个数组中的数据时,数组中的数据是对的,但页面渲染的数据却不对. 举例:(不一定复现) <ul> <li v-for="(item, ...
- 前端笔记之服务器&Ajax（中）MySQL基础操作&PHP操作数据库&Ajax
一.数据库基础 1.1什么是数据库? 什么是数据库? 答:就是一个很大的一个文件,只不过这个文件可以通过一些‘命令’操作数据: 增.删.改.查数据: 数据库等于持久数据和数据操作的一个统称. 数据库是 ...
- 【系统】在windows中追加/删除虚拟打印机
由于项目需要在windwos系统中添加多台虚拟打印机(能够正常打印出纸),查找了一下系统函数. 使用 rundll32 printui.dll,PrintUIEntry,在CMD中运行,在弹出框中得到 ...
- ajax不跳转页面的快速删除操作，可添加美观样式
以前我们讲的删除是利用嵌入php代码,跳转到另一个页面,从而降低了删除速度,但我们今天讲的利用ajax不仅可以达到不跳页面快速删除,并且能添加特效来美化页面. 上代码,我们先来做主页面 <!DO ...
随机推荐
- docker 配置远程访问证书验证
centos7 生成证书 工具:openssl #cd /etc/docker (docker的证书一般放这) #openssl genrsa -aes256 -passout pass:密码 ...
- Linux就业技术指导（二）：简历项目经验示例
一,期中项目经验示例 1.1 新服务器上线搭建系统环境 1,根据现有结构部署工具(PXE+kickstart) 2,结合应用系统需求定制部署模版 3,制作系统优化等一键执行脚本 4,自动化部署实施 5 ...
- vs2010+Aspx进行sharepoint2010工作流开发（3） 资料整理
http://www.cnblogs.com/janet/archive/2010/04/24/1719315.html http://www.cnblogs.com/poissonnotes/arc ...
- vs2010下载Microsoft Visual Studio 2010 Express(vs2010中文版下载)速成官方合集正式版
http://www.xiazaiba.com/html/1832.html VB.NET 2010 Express: 2KQT8-HV27P-GTTV9-2WBVV-M7X96VC++ 2010 E ...
- Python3 filter() 函数
Python3 filter() 函数 Python3 内置函数 描述 filter() 函数用于过滤序列,过滤掉不符合条件的元素,返回一个迭代器对象,如果要转换为列表,可以使用 list() 来转 ...
- RMQ(或运算)
RMQ https://ac.nowcoder.com/acm/contest/283/J 题目描述 按位或运算:处理两个长度相同的二进制数,两个相应的二进位中只要有一个为1,该位的结果值为1.例如5 ...
- 解决SpringBoot中webScocket不能注入bean的问题
最近在做websocket聊天,但是遇到一个问题,就是在websocket的服务中要调用Service层的东西.首先我想到的是通过@Autowire注解来实现bean的注入.但是进过测试发现,注入的b ...
- C#操作Excel 单元格的格式处理[xyytIT]
一. C# 操作 Excel 单元格自动填充,居中对齐,字体颜色等格式设置: Excel.Range titleRange = worksheet.get_Range(worksheet.Cells[ ...
- oracle在centos6.5安装
说明 很多操作是默认,具体定制另说. 安装 参考http://www.linuxidc.com/Linux/2014-02/97374p4.htm 这篇是上面那篇的整合版:http://www.cnb ...
- 【校招面试 之 C/C++】第8题 C++中的静态绑定与动态绑定
转自:https://blog.csdn.net/chgaowei/article/details/6427731 做了部分修改 为了支持c++的多态性,才用了动态绑定和静态绑定.理解他们的区别有 ...