使用jQuery的getJSON方法实现配置信息的状态的异步修改

引言：在以往的程序中，我大多数都是使用的jQuery的post方法来做异步操作，但这次不同以往，需要返回的信息有好几个，不是单一的，所以最终决定使用getJSON方法来实现配置信状态的异步修改。

以下为具体实现的代码：

1、点击超链接，将配置的id与状态值传给要调用的javascript方法updatePzActive，调用Action中的方法实现配置信息状态的异步修改。

<span id="changeActive_${ipJmPz.pzId}"> 
	<c:if
		test="${ipJmPz.active==1&&ipJmPz.valid==1}">
		<a href="javascript:updatePzActive('${ipJmPz.pzId}','0')">| 停用</a>
		<a href="javascript:updatePzActive('${ipJmPz.pzId}','2')">| 流控停用</a>
	</c:if> <c:if test="${ipJmPz.active==0&&ipJmPz.valid==1}">
		<a href="javascript:updatePzActive('${ipJmPz.pzId}','1')">| 启用</a>
		<a href="javascript:updatePzActive('${ipJmPz.pzId}','2')">| 流控停用</a>
	</c:if> <c:if test="${ipJmPz.active==2&&ipJmPz.valid==1}">
		<a href="javascript:updatePzActive('${ipJmPz.pzId}','1')">| 启用</a>
		<a href="javascript:updatePzActive('${ipJmPz.pzId}','0')">| 停用</a>
	</c:if>
</span>

 

2、javaScript方法updatePzActive：

 

function updatePzActive(id,active) {
   	$.getJSON("<%=path%>/pluginConfig/ipJmPzManage.do?action=updatePzActive",
           {ipJmPzID:id,active:active,time:new Date()}, function(data){
           	if(data!=null&&data!="") {    
		     if(data.result=='success') {			 	 
			 	  var acitveStr = ''; //修改当前状态
			 	  var changeActiveHtmlStr = '';//修改当前操作
			 	  var czsjStr = data.czsj;//修改当前操作时间
			 	  if(active==1) {//说明修改后的状态是启用
			 	  	   acitveStr = '<div align="center"><span class="STYLE1" ><font color="green">启用</font></span></div>';
			 	  	   changeActiveHtmlStr = '<a href="javascript:updatePzActive('+data.ipJmPzID+',0)">| 停用 </a>';
			 	  	   changeActiveHtmlStr+='<a href="javascript:updatePzActive('+data.ipJmPzID+',2)">| 流控停用 </a>';
			 	  }else if(active==0) {
			 	  	   acitveStr = '<div align="center"><span class="STYLE1" ><font color="red">停用</font></span></div>';
			 	  	   changeActiveHtmlStr = '<a href="javascript:updatePzActive('+data.ipJmPzID+',1)">| 启用 </a>';
			 	  	   changeActiveHtmlStr+='<a href="javascript:updatePzActive('+data.ipJmPzID+',2)">| 流控停用 </a>';
			 	  }else{
			 	  		acitveStr = '<div align="center"><span class="STYLE1" ><font color="#0000C6">流控停用</font></span></div>';
			 	  		changeActiveHtmlStr = '<a href="javascript:updatePzActive('+data.ipJmPzID+',1)">| 启用 </a>';
			 	  	    changeActiveHtmlStr += '<a href="javascript:updatePzActive('+data.ipJmPzID+',0)">| 停用 </a>';
			 	  		
			 	  }				 	 
			 	  jQuery("#active_"+data.ipJmPzID).html(acitveStr);
				  jQuery("#changeActive_"+data.ipJmPzID).html(changeActiveHtmlStr);
				  jQuery("#czsj_"+data.ipJmPzID).html(czsjStr);
				  alert("操作成功!");
		     }else if(data.result="overtime"){
		     	  alert("该配置的生效时间已过期，不能启用或流控停用!");
		     }else {
		     	  alert("操作失败!");
		     }
		}
		 
	});	
}

 注：在传参的时候，加上当前时间是为了避免调用缓存。

3、Action中实现状态的修改

public void updatePzActive(){
	String result="";
	String czsjStr="";
	try {
		if (ipJmPzID!=null&&!"".equals(ipJmPzID)) {
			IpJmPz ipJmPz =  (IpJmPz) ipJmPzService.getipJmPzByID(ipJmPzID).get(0);
			//当操作时间不在有效时间范围内，只允许“停用”操作。
			if ((active==1||active==2)&&ipJmPz.getEndTime()!=null&&ipJmPz.getEndTime().before(new Date())) {
					result="overtime";
			}else {
				ipJmPzService.updatePzActive(ipJmPzID,active);
				ipJmPz = this.ipJmPzService.getOneIpJmPzByID(ipJmPzID);
				czsjStr = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").format(ipJmPz.getCzsj());
				result="success";
			}
		}else {
			result = "fail";
		}
		String rngStr = JSONObject.fromObject("{result:'"+result+"';ipJmPzID:"+ipJmPzID+";czsj:'"+czsjStr+"'}").toString();
		outJsonString(rngStr);	
			
	} catch (Exception e) {
		// TODO Auto-generated catch block
		e.printStackTrace();
		result="fail";
		String proType = "";
		if(ipJmPzIndex.getProType()!=null) {
			proType = String.valueOf(ipJmPzIndex.getProType());
		}
		outHtmlString("<script>alert('操作失败');window.location='ipJmPzManage!execute.do?action=queryIpJmPzInfo&menusID="+this.getMenusID()+"&position="+this.getPosition()+"&pageSize="+pageSize+"&ipJmPzIndex.proType="+proType+"&typeId="+typeId+"';</script>");
	}
		
	String rngStr = JSONObject.fromObject("{result:'"+result+"';ipJmPzID:"+ipJmPzID+";czsj:'"+czsjStr+"'}").toString();
	outJsonString(rngStr);
		
}