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 相关文章推荐
Javascript this 的一些学习总结
Aug 31 Javascript
js全选实现和判断是否有复选框选中的方法
Feb 17 Javascript
JQuery实现展开关闭层的方法
Feb 17 Javascript
轻量级网页遮罩层jQuery插件用法实例
Jul 31 Javascript
Angularjs过滤器使用详解
May 25 Javascript
AngularJS ng-change 指令的详解及简单实例
Jul 30 Javascript
angular.js指令中transclude选项及ng-transclude指令详解
May 24 Javascript
JS排序算法之希尔排序与快速排序实现方法
Dec 12 Javascript
小程序登录态管理的方法示例
Nov 13 Javascript
JS可断点续传文件上传实现代码解析
Jul 30 Javascript
微信小程序实现左滑删除效果
Nov 18 Javascript
聊聊JS ES6中的解构
Apr 29 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
php后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
探讨如何在php168_cms中提取验证码
2013/06/08 PHP
Laravel 解决419错误 -ajax请求错误的问题(CSRF验证)
2019/10/25 PHP
js cookies 常见网页木马挂马代码 24小时只加载一次
2009/04/13 Javascript
Web前端设计模式  制作漂亮的弹出层
2010/10/29 Javascript
jQuery EasyUI API 中文文档 - Documentation 文档
2011/09/29 Javascript
javascript禁用键盘功能键让右击及其他键无效
2013/10/09 Javascript
浅析Javascript使用include/require
2013/11/13 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
2013/12/12 Javascript
Javascript中的apply()方法浅析
2015/03/15 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
2016/01/28 Javascript
jQuery简单实现点击文本框复制内容到剪贴板上的方法
2016/08/01 Javascript
JS根据生日月份和日期计算星座的简单实现方法
2016/11/24 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
JS ES6中setTimeout函数的执行上下文示例
2017/04/27 Javascript
Angular 4.x 路由快速入门学习
2017/05/03 Javascript
javascript实现二叉树的代码
2017/06/08 Javascript
Vue.js项目部署到服务器的详细步骤
2017/07/17 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
2017/11/14 Javascript
深入学习js函数的隐式参数 arguments 和 this
2019/06/24 Javascript
微信小程序实现页面浮动导航
2020/01/08 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
多种类型jQuery网页验证码插件代码实例
2021/01/09 jQuery
[56:35]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第一局
2016/03/06 DOTA
Python实现压缩与解压gzip大文件的方法
2016/09/18 Python
Python实现利用163邮箱远程关电脑脚本
2018/02/22 Python
浅谈Pandas中map, applymap and apply的区别
2018/04/10 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
python与pycharm有何区别
2020/07/01 Python
如何利用python 读取配置文件
2021/01/06 Python
canvas使用注意点总结
2013/07/19 HTML / CSS
JRE、JDK、JVM之间的关系怎样
2012/05/16 面试题
档案工作汇报材料
2014/08/21 职场文书
展览会邀请函
2015/02/02 职场文书
监守自盗观后感
2015/06/10 职场文书
2015年美容师个人工作总结
2015/10/14 职场文书