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实现表格中相同单元格合并示例代码
Jun 26 Javascript
浅析onsubmit校验表单时利用ajax的return false无效问题
Jul 10 Javascript
js函数获取html中className所在的内容并去除标签
Sep 08 Javascript
JS动画效果打开、关闭层的实现方法
May 09 Javascript
JS实现仿雅虎首页快捷登录入口及导航模块效果
Sep 19 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
vue路由拦截及页面跳转的设置方法
May 24 Javascript
QRCode.js二维码生成并能长按识别
Oct 16 Javascript
关于antd tree 和父子组件之间的传值问题(react 总结)
Jun 02 Javascript
vue项目如何打包之项目打包优化(让打包的js文件变小)
Apr 30 Vue.js
VUE解决跨域问题Access to XMLHttpRequest at
May 06 Vue.js
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
星际争霸教主Flash的ID由来:你永远不会知道他之前的ID是www!
2019/01/18 星际争霸
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
php连接数据库代码应用分析
2011/05/29 PHP
PHPThumb PHP 图片缩略图库
2012/03/11 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
ThinkPHP项目分组配置方法分析
2016/03/23 PHP
详解thinkphp实现excel数据的导入导出(附完整案例)
2016/12/29 PHP
php 人员权限管理(RBAC)实例(推荐)
2017/05/24 PHP
关于PHP中协程和阻塞的一些理解与思考
2017/08/11 PHP
php输出控制函数和输出函数生成静态页面
2019/06/27 PHP
浅析jQuery的链式调用之each函数
2010/12/03 Javascript
javascript:window.open弹出窗口的位置问题
2014/03/18 Javascript
jQuery学习笔记之jQuery构建函数的7种方法
2014/06/03 Javascript
windows下vue.js开发环境搭建教程
2017/03/20 Javascript
Angular表格神器ui-grid应用详解
2017/09/29 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
JS实现的数组去除重复数据算法小结
2017/11/17 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
2019/12/18 Javascript
vue 获取到数据但却渲染不到页面上的解决方法
2020/11/19 Vue.js
[03:42]2016国际邀请赛中国区预选赛首日现场玩家采访
2016/06/26 DOTA
python中os操作文件及文件路径实例汇总
2015/01/15 Python
Python随机数random模块使用指南
2016/09/09 Python
python消除序列的重复值并保持顺序不变的实例
2018/11/08 Python
阿迪达斯比利时官方商城:adidas比利时
2016/10/10 全球购物
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
股东合作协议书
2014/04/14 职场文书
高中生学习计划书
2014/09/15 职场文书
异地年检委托书范本
2014/09/24 职场文书
2015年家长学校工作总结
2015/04/22 职场文书
小学德育工作总结2015
2015/05/12 职场文书
队名及霸气口号大全
2015/12/25 职场文书
初一数学教学反思
2016/02/17 职场文书
2016年党员公开承诺书范文
2016/03/24 职场文书
oracle连接ODBC sqlserver数据源的详细步骤
2021/07/25 Oracle
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python