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优化效率 提升性能解决方案
Sep 06 Javascript
Javascript 绘制 sin 曲线过程附图
Aug 21 Javascript
jquery实现炫酷的叠加层自动切换特效
Feb 01 Javascript
javascript数据结构之双链表插入排序实例详解
Nov 25 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
js 弹出虚拟键盘修改密码的简单实例
Oct 10 Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 Javascript
使用Angular Cli如何创建Angular私有库详解
Jan 30 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 Javascript
Vue实现简易计算器
Feb 25 Javascript
js cavans实现静态滚动弹幕
May 21 Javascript
如何在vue 中引入使用jquery
Nov 10 jQuery
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垃圾回收机制对内存泄露的处理
2013/06/14 PHP
zf框架的zend_cache缓存使用方法(zend框架)
2014/03/14 PHP
php命令行写shell实例详解
2018/07/19 PHP
基于PHP实现微信小程序客服消息功能
2019/08/12 PHP
jquery.validate使用攻略 第三部
2010/07/01 Javascript
鼠标放在图片上显示大图的JS代码
2013/03/26 Javascript
ajax与302响应代码测试
2013/10/23 Javascript
JavaScript插件化开发教程(六)
2015/02/01 Javascript
javaScript的函数对象的声明详解
2015/02/06 Javascript
bootstrap为水平排列的表单和内联表单设置可选的图标
2017/02/15 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
自定义事件解决重复请求BUG的问题
2017/07/11 Javascript
JS HTML图片显示Canvas 压缩功能
2017/07/21 Javascript
详解从NodeJS搭建中间层再谈前后端分离
2018/11/13 NodeJs
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
深入了解Hybrid App技术的相关知识
2019/07/17 Javascript
layui下拉框获取下拉值(select)的例子
2019/09/10 Javascript
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
vue移动端的左右滑动事件详解
2020/06/17 Javascript
javascript实现页面的实时时钟显示示例
2020/08/06 Javascript
Python语言实现百度语音识别API的使用实例
2017/12/13 Python
Java与Python两大幸存者谁更胜一筹呢
2018/04/12 Python
详解Python 函数如何重载?
2019/04/23 Python
python标准库sys和OS的函数使用方法与实例详解
2020/02/12 Python
Python pip安装第三方库实现过程解析
2020/07/09 Python
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
UNDONE手表官网:世界领先的定制手表品牌
2018/11/13 全球购物
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
综合办公室主任岗位职责
2014/04/13 职场文书
大学生学年个人总结
2015/02/15 职场文书
匿名信格式范文
2015/05/27 职场文书
穆斯林的葬礼读书笔记
2015/06/26 职场文书
《秦兵马俑》教学反思
2016/02/24 职场文书
如何撰写促销方案?
2019/07/05 职场文书
springboot+rabbitmq实现智能家居实例详解
2022/07/23 Java/Android
Windows11 Insider Preview Build 25206今日发布 更新内容汇总
2022/09/23 数码科技