JQuery使用$.ajax和checkbox实现下次不在通知功能
更新时间：2015年04月16日 08:54:36 投稿：junjie
这篇文章主要介绍了JQuery使用$.ajax和checkbox实现下次不在通知功能,本文给出HTML代码、JS代码、和后端JAVA代码完整示例,需要的朋友可以参考下
XXX平台要实现一个功能，公告弹出页面上使用复选框设置不再通知此类公告。
原理：<input type="checkbox" id="isSelect" name="isSelect" value="10" onclick="javascript:noTips();"/>，checkbox选中后提交表单，那么struts2的Action中isSelect就为'10'，不选中提交表单isSelect为null。
1.jsp页面
<form id="form1">
<div class="jf_tanchu">
<div class="jf_tanchutit">${ bussinessNotice.noticeTitle}</div>
<div class="jf_tanchubox">
<div class="jf_tanchubox_right">
公告类型：<v:dcolor code="${ bussinessNotice.noticeType}"/>
发布时间：<fmt:formatDate value="${ bussinessNotice.createDate}" pattern="yyyy-MM-dd"/>
</div>
${bussinessNotice.noticeInfo}
</div>
</div>
<s:if test="bussinessNotice.noticeType=='25'||bussinessNotice.noticeType=='63'||bussinessNotice.noticeType=='64'">
<div>
<input type="hidden" name="noticeType" value="${bussinessNotice.noticeType}"/>
<input type="checkbox" id="isSelect" name="isSelect" value="${bussinessNotice.noticeType}" onclick="javascript:noTips();"/>
<label for="isSelect">不再通知此类公告</label>
</div>
</s:if>
</form>
2.js代码
function noTips(){
var formParam = $("#form1").serialize();//序列化表格内容为字符串
$.ajax({
type:'post',
url:'Notice_noTipsNotice',
data:formParam,
cache:false,
dataType:'json',
success:function(data){
}
});
}
3.NoticeAction代码
/**
* checkbox不提示公告，需要修改TBussinessSet中的屏蔽状态，ajax异步请求
*/
public void noTipsNotice(){
try {
PrintWriter out = this.getResponse().getWriter();
bussinessSet = BussinessSetService.queryById(getUserId());
String state = "";
if(isSelect==null){//noticeType==null没有选中checkbox
state = "11";
}
else{
state = "10";
}
if("25".equals(noticeType)){
bussinessSet.setSaleBack(state);
}
else if("63".equals(noticeType)){
bussinessSet.setRemittanceBank(state);
}
else if("64".equals(noticeType)){
bussinessSet.setRemittanceOnline(state);
}
BussinessSetService.update(bussinessSet);
out.print("");
} catch (Exception e) {
log.error(e.fillInStackTrace());
}
}
相关文章
为了保证在pc，ios，android端都可以使用，所以使用H5页面的方式嵌入app的webview中。接下来通过本文给大家介绍jquery tagsinput在h5邮件客户端中应用详解，感兴趣的朋友一起看看吧2016-09-09
jquery仿照天猫购物车收藏商品特效,非常实用的一款商品加入购物车特效，动画效果非常炫丽。2015-05-05
从零开始学习jQuery (六) jquery中的AJAX使用
本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.2011-02-02
密保通常都会有n个问题，让用户选择其中2、3个，而且都不会让用户选择重复的问题。这就要求密保互斥，具体实现如下，有此需求的朋友可以参考下2013-08-08
本文给大家简单总结了下jQuery中键盘事件的使用方法以及相关示例，非常的实用，有需要的小伙伴可以参考下。2016-02-02
jquery中的html方法使用不了，只能用完最基本的innerHTML把内容展示出来2014-08-08
这篇文章主要介绍了jquery增加和删除元素的方法,涉及append、remove等方法的使用技巧,需要的朋友可以参考下2015-01-01
jQuery EasyUI学习教程之datagrid点击列表头排序
这篇文章主要介绍了jQuery EasyUI学习教程之datagrid点击列表头排序的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-07-07
本文为大家介绍下jquery遍历筛选数组的几种方法和遍历解析json对象的具体实现，感兴趣的朋友不要错过2013-12-12
基于jquery的禁用右键、文本选择功能、复制按键的实现代码
有时候因为某些原因，需要禁止用户的右键、文本选择功能、复制按键等操作，那么就可以参考下面的代码2013-08-08
最新评论