【SSH项目实战】国税协同平台-20.异步信息发布

上一次我们完成了文本编辑器的插入，这一节我们要对信息进行异步发布。

我们上次发表文章之后有一个“停用”和“发布”状态，



但是我们没有去做它的切换，所以在这里我们要用异步信息传输的方式去完成这个切换功能。

最后我们要的效果是点击“停用”或者“启用”的时候，在“状态”一栏会切换成“停用”或者“启用”。效果大概如此图:



我们使用Ajax异步处理这个操作。下面编码实现:

首先是在超链接部分添加判断，转向js方法doPublic(var id,var state)，参数就是现在这个要改变状态的用户的id以及需要变成的状态。

<td id="show_<s:property value='infoId'/>" align="center"><s:property value="state==1?'发布':'停用'"/></td>
<td align="center">
<span id="oper_<s:property value='infoId'/>">
<s:if test="state==1">
<a href="javascript:doPublic('<s:property value='infoId'/>',0)">停用</a>
</s:if><s:else>
<a href="javascript:doPublic('<s:property value='infoId'/>',1)">发布</a>
</s:else>
</span>
<a href="javascript:doEdit('<s:property value='infoId'/>')">编辑</a>
<a href="javascript:doDelete('<s:property value='infoId'/>')">删除

</a>
</td>

doPublic这个javascript方法详细:

//异步发布信息，信息的id以及将要改成的状态值
function doPublic(infoId,state){
//1.更新信息状态
$.ajax({
url:"${basePath}tax/info_publicInfo.action",
data:{"info.infoId":infoId,"info.state":state},
type:"post",
success:function(msg){
//2.更新状态栏，操作栏的显示值
if("更新状态成功"==msg){
if(state==1){
//说明信息状态已经被改成发布，操作栏被改为停用
$("#show_"+infoId).html("发布");
$("#oper_"+infoId).html('<a href="javascript:doPublic(\''+infoId+'\',0)">停用</a>');
}else{
$("#show_"+infoId).html("停用");
$("#oper_"+infoId).html('<a href="javascript:doPublic(\''+infoId+'\',1)">发布</a>');
}
}else{
alert("更新信息状态失败!");
}
},
error:function(){
alert("更新信息状态失败!");
}
});

}

现在只差实现info_publicInfo.action方法:

在InfoAction中添加下面的方法

//异步发布信息
public void publicInfo(){
try {
if (info != null) {
//1.更新信息状态
Info tem = infoService.findObjectById(info.getInfoId());
tem.setState(info.getState());
infoService.update(tem);

//2.输出更新结果
HttpServletResponse response = ServletActionContext
.getResponse();
response.setContentType("text/html");
ServletOutputStream outputStream = response.getOutputStream();
outputStream.write("更新状态成功".getBytes("utf-8"));
outputStream.close();
}
} catch (Exception e) {
e.printStackTrace();
}
}

下面我们来测试:

首先我们的状态是“发布”，我们点击停用:



然后结果:



发现我们的状态已经改变

那么，到我们的数据库中查看，发现我们的state确实改变了:



至此我们的异步信息发布/停用状态更改功能完成!

转载请注明出处:http://blog.csdn.net/acmman/article/details/49741475