使用c:foreach遍历集合:
-
给父级标签tr的id设置为当前删除的行id:
<tr id="${list.id}">
-
在需要删除的按钮位置添加点击事件,函数内传入当前删除的行id:
x(${list.id})
<c:forEach items="${list}" var="list" varStatus="state">
<%--判断行号-(偶数行)--%>
<c:if test="${state.count %2 == 0}" var="even">
<tr id="${list.id}">
</c:if>
<%--判断行号-(奇数行)--%>
<c:if test="${!even}" var="odd">
<tr id="${list.id}" style="background-color: darkgray">
</c:if>
<td>${list.id}</td>
<td>${list.districtName}</td>
<td>${list.monitorTime}</td>
<td>${list.rain}</td>
<td>${list.monitoringStation}</td>
<td>${list.monitoringAddress}</td>
<td><a href="javascript:;" id="delete" onclick="x(${list.id})">删除</a></td>
</c:forEach>
使用$.ajax
异步传输:
删除按钮触发函数传入了删除行的id,然后通过id获取到父级元素tr将其删除:$("#"+id).remove();
function x(id) {
$.ajax({
url:"deleteServlet",
async:"true",
data:{"id":id},
type:"post",
dataType:"json",
success:function (result) {
if (result){
alert("删除成功!")
$("#"+id).remove();
}else {
alert("删除失败!")
我目前使用HTML,PHP,Javascript和AJAX的组合来创建一个HTML,从MySQL数据库中的一个表中填充它,然后添加一个表格的内部以同时删除该行,并从MySQL数据库中删除条目。这是我目前有:如何使用AJAX删除HTML行并从MySQL数据库中删除条目?echo 'TagsDelete Tag';$iter = 0;$rows = $statement->fetchAll(PD...
我正在使用php/mysql和protype.js从表中删除记录。问题是数据库中的记录没有被删除。从Ajax请求中删除数据库中的记录的index.php:DeleteScript是function deleteId(id){alert("ID : "+id);new Ajax.Request('delete.php?action=Delete&id='+id,{method:'post'}...
AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。
AJAX 是一种用于创建快速动态网页的技术。
AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。[1]
通过在后台与
用Ajax生成表格不能使用Jquery动作 ,只能用js,因为没法获得id 和name属性
如果有三层字符串双单引号嵌套的话可以用转义符‘’\‘’
一开始在js中[注解Mark问题处]一开始在append的处没有结束的它会自动的给你添加上,就会导致样式重新排版错误。太傻了 不知道转换一下思路 ,先把开始和结束标签写出来然后加上一个id,最后再在这个标签里面加上append就不会出错了。。。
需求 :使用ajax进行删除数据,删除完成后,自动刷新数据.js代码<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-3.2.1.js"></script>
<script type="text/javascript">
$(function() {
其实就是在数据库删除成功后,将页面中此行数据移除就行了......
<c:forEach var="reg" items="${regs }">
<tr id="tr_${reg.id }"> //本人是在foreach里面写的单个删除,所以做了个动态id标记方便后面移除
.......
<a href="javascript:" onclick="deleteReg('${re
Ajax 简介:AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML(标准通用标记语言的子集)。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况...
假装是标题 在平时写crud中的删除操作时,作为新手,我一般比较常用的是用 <a href="delete?id=${a.articleId}">删除</a>这种方式,现在的话我要介绍另一种方式--使用ajax实现删除操作。步骤1.前台jsp界面 <c:forEach items="${articles}" var="a">
使用ajax/jquery删除mysql数据库中的记录时遇到问题。我遇到的问题是它不会从数据库中删除,而是从列表中删除。我在这里做错了什么?使用ajax通过ID删除记录这里是我的代码:jQuery(document).ready(function(){$(".deleteitem").click(function(){var parent = $(this).closest('li');var i...