JSP页面，通过条件判断来决定是否显示相关内容

最新推荐文章于 2022-12-06 21:50:35 发布

原创最新推荐文章于 2022-12-06 21:50:35 发布 · 1.4w 阅读

8 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在JSP页面中利用Ajax和jQuery技术实现数据的异步获取和展示，具体包括如何在表格中显示应用状态，并通过勾选框触发数据请求和展示效果。

首先是在<td标签内进行设置，也可以是<tr标签，也可以是<table 标签

<img src="<%=request.getContextPath()%>/scripts/images/lingyong.gif"

width="58" height="21" border="0" onclick="sendEmail()" />

</td>

然后在jsp页面中通过一个触发事前来执行，checkbox的触发条件onclick,触发的函数为changeOne()，

<td height="25" align="center" valign="middle"
bgcolor="#edf6fd"><input type="checkbox"
value="<s:property value='id'/>" id="ids" name="ids" onclick="changeOne()"></td>

JS代码。

function changeOne(){
		var count= 0;
		var objs = document.getElementsByName("ids");
		for ( var i = 0; i < objs.length; i++) {
			if (objs[i].checked) {
				var id=objs[i].value
				$.ajax( {
					type :'post',
					cache :false,
					async :false,
					url :'findAppStatus.action',
					data : {'appId' :id},
					success : function(data) {
						if(data.notInform){
							count=count+1;
									}
								}
							});	
		
			}
		}
		if(count>0){
			changeTable(1);
			}else{
				changeTable(0);
				}
	}

function changeTable(val){

		if(val==1)
		{
		document.getElementById('tr3').style.display = '';
		}
		if(val!=1)
		{
		document.getElementById('tr3').style.display = 'none';
		}
	}