jsp实现局部刷新的一种方法

阳光穿透心脏的1/2处 2022-09-22 13:54 158阅读 0赞

###    一、废话不多说，直接上代码： ###

如下：当点击停用按钮后，前一列启用状态，改为 停用  操作列的停用改为启用。

![Center][]

我要说的是其中一种实现方法是替换文本的方式：

jsp页面代码为：

<td id="sta${mac.id }">
    	<c:if test="${mac.status==0 }">停用</c:if>
    	<c:if test="${mac.status==1 }">启用</c:if>
    </td>
    <td>
    	<span id="TQ${mac.id }" class="chakan" style="width:35px;float:left;">
    	   <a href="javascript:openOrStop(${mac.id},${mac.status})">
    		<c:if test="${mac.status==1 }">停用</c:if>
    		<c:if test="${mac.status==0 }">启用</c:if>
    	   </a>
    	</span>
    	<span class="chakan" style="width:35px;float:left;">
    	   <a href="javascript:macModify(${mac.id})">修改</a>
    	</span>
    	<span class="chakan" style="width:35px;float:left;">
    	   <a href="javascript:macDelete(${mac.id})">删除</a>
    	</span>
    </td>

js事件操作为：

function openOrStop(id,status){
    		var sta ="";
    		if(status == '0'){
    			sta="启用";
    		}else if(status == '1'){
    			sta="停用";
    		}
    		mylandConfirmByFunc(
    			"停用/启用","确定要"+sta+"吗？",
    			function yesFunc(){
    // 				window.location = "${pageContext.request.contextPath}/adminx/macManage!openOrStop.do?id="+id;
    				var url = "${pageContext.request.contextPath}/adminx/macManage!openOrStop.do?id="+id;
    				$.post(url,function(data){
    					$("#sta"+id).text(sta);
    					$("#TQ"+id).replaceWith(data);
    		});
    			mylandAlert("信息提示",sta+"成功!");
    		},
    		function noFunc(){},sta);
    }

action 后台代码：其中“macStatus”返回的是jsp局部片段的页面

public String openOrStop(){
    		
        	//代码操作。。。。。。    	
    	return "macStatus";
    }

“”macStatus“” 页面代码为：（只是把要替换掉的jsp部分写进去就行）

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ include file="/common/common.jsp"%>
    
    <span id="TQ${mac.id }" class="chakan" style="width:35px;float:left;">
    	<a href="javascript:openOrStop(${mac.id},${mac.status})">
    		<c:if test="${mac.status==1 }">停用</c:if>
    		<c:if test="${mac.status==0 }">启用</c:if>
    	</a>
    </span>

![SouthEast][]

有问题可以给我留言。共同学习；

二、window.location.reload()方法可以试试

[Center]: /images/20220721/5e41c501fa6e4bd69be3f8c587bc027f.png
[SouthEast]: /images/20220721/de39634c3faf413f85701179e238df3d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue 实现局部组件刷新

在 vue 项目里想实现组件的局部刷新，我用到过的方法整理了一下： 1、 provide / inject 方法使用 v-if 方法来控制 router-view 的

我不是女神ヾ/ 2023年01月03日 04:57/ 0 赞/ 195 阅读

相关 jsp实现局部刷新的一种方法

一、废话不多说，直接上代码：如下：当点击停用按钮后，前一列启用状态，改为停用操作列的停用改为启用。 ![Center][] 我要说的是其中一种实

阳光穿透心脏的1/2处/ 2022年09月22日 13:54/ 0 赞/ 159 阅读

相关四种局部刷新技术的比较

本文转自：[http://12f3210.blog.163.com/blog/static/2493073200711665447578/][http_12f3210.blog

小咪咪/ 2022年08月23日 14:48/ 0 赞/ 11 阅读

相关 jsp frameset 全局刷新和局部刷新

今天frameset 需要给页面布局，每次操作完数据后需要全局刷新，在网上找了好些资料，但是发现是有点小错误的。现在给大家详细介绍下： <frameset co

深碍√TFBOYSˉ_/ 2022年08月06日 13:17/ 0 赞/ 226 阅读

相关 JSP刷新页面的几种方法

Javascript刷新页面的几种方法 : 1. history.go(0) 2. location.reload() 3. lo

悠悠/ 2022年07月05日 15:29/ 0 赞/ 352 阅读

相关 HTML使用js在同一界面刷新，实现局部刷新

index.js function opens(obj) \{ for (var i = 1; i <= 13; i++) \{ if (i === ob

客官°小女子只卖身不卖艺/ 2022年05月24日 02:49/ 0 赞/ 181 阅读

相关前端局部刷新的几种方式

1. 通过img标签请求，实现局部刷新。实现方式向页面插入一个img标签，监听其加载，加载成功则表示请求成功，做出相应的处理；加载补充表示请求补充，也作出相应的处理。

ゝ一纸荒年。/ 2022年01月10日 03:37/ 0 赞/ 1142 阅读

相关前端页面局部（全局）刷新方法

> 前端页面局部（全局）刷新方法 JS / Jquery 刷新方法： //div的局部刷新 <div class="dl"></div> $(

客官°小女子只卖身不卖艺/ 2021年12月10日 15:07/ 0 赞/ 572 阅读

相关 jquery实现局部刷新Iframe

1，reload 方法，该方法强迫浏览器刷新当前页面。　　语法：location.reload(\[bForceGet\]) 　　参数： bForceGet，可选参数，

系统管理员/ 2021年09月27日 12:54/ 0 赞/ 619 阅读

相关 Vue实现页面的局部刷新

1. 首先需要修改App.vue ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

谁践踏了优雅/ 2021年07月25日 13:03/ 0 赞/ 508 阅读