JQuery使用$.ajax和checkbox实现下次不在通知功能


Posted in Javascript onApril 16, 2015

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()); 
  } 
}
Javascript 相关文章推荐
jquery选择器的选择使用及性能介绍
Jan 16 Javascript
js获取电脑分辨率的思路及操作
Nov 22 Javascript
从数据库读取数据后将其输出成html标签的三种方法
Oct 13 Javascript
JS实现灵巧的下拉导航效果代码
Aug 25 Javascript
JS实现兼容性较好的随屏滚动效果
Nov 09 Javascript
jQuery自定义数值抽奖活动代码
Jun 11 Javascript
jQuery实现复制到粘贴板功能
Feb 11 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
jQuery实现的事件绑定功能基本示例
Oct 11 jQuery
Vue写一个简单的倒计时按钮功能
Apr 20 Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 Javascript
vue项目首屏打开速度慢的解决方法
Mar 31 Javascript
jQuery Ajax使用实例
Apr 16 #Javascript
javascript等号运算符使用详解
Apr 16 #Javascript
php常见的页面跳转方法汇总
Apr 15 #Javascript
jquery图片切换实例分析
Apr 15 #Javascript
JavaScript实现的encode64加密算法实例分析
Apr 15 #Javascript
JavaScript实现拖拽网页内元素的方法
Apr 15 #Javascript
jQuery+html5实现div弹出层并遮罩背景
Apr 15 #Javascript
You might like
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
谈谈PHP的输入输出流
2007/02/14 PHP
php 文件缓存函数
2011/10/08 PHP
刷新PHP缓冲区为你的站点加速
2015/10/10 PHP
Symfony2框架创建项目与模板设置实例详解
2016/03/17 PHP
php实现学生管理系统
2020/03/21 PHP
使用Yii2实现主从数据库设置
2016/11/20 PHP
phpinfo()中Loaded Configuration File(none)的解决方法
2017/01/16 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
ie和firefox不兼容的解决方法集合
2009/04/28 Javascript
JavaScript中的View-Model使用介绍
2011/08/11 Javascript
js图片延迟技术一般的思路与示例
2014/03/20 Javascript
更快的异步执行(setTimeout多浏览器)
2014/08/12 Javascript
如何减少浏览器的reflow和repaint
2015/02/26 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
js实现兼容PC端和移动端滑块拖动选择数字效果
2017/02/16 Javascript
react-router v4如何使用history控制路由跳转详解
2018/01/09 Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
2018/03/13 Javascript
vue组件实践之可搜索下拉框功能
2018/11/25 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
[01:04:39]OG vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[00:48]食人魔魔法师至宝“金鹏之幸”全新模型和自定义特效展示
2019/12/19 DOTA
python PIL和CV对 图片的读取,显示,裁剪,保存实现方法
2019/08/07 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
HTML5中使用postMessage实现两个网页间传递数据
2016/06/22 HTML / CSS
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
June Jacobs尊积帕官网:知名的spa水疗护肤品牌
2019/03/21 全球购物
华为python面试题
2016/05/03 面试题
什么时候需要进行强制类型转换
2016/09/03 面试题
仓库组长岗位职责
2014/01/29 职场文书
文明礼仪伴我行演讲稿
2014/05/12 职场文书
十佳文明家庭事迹
2014/05/25 职场文书
2014年电厂个人工作总结
2014/11/27 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL
CSS 鼠标点击拖拽效果的实现代码
2022/12/24 HTML / CSS