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 相关文章推荐
wordpress之js库集合研究介绍
Aug 17 Javascript
Jquery写一个鼠标拖动效果实现原理与代码
Dec 24 Javascript
Extjs优化(二)Form表单提交通用实现
Apr 15 Javascript
Jquery的基本对象转换和文档加载用法实例
Feb 25 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
Mar 11 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
jQuery实现遍历复选框的方法示例
Mar 06 Javascript
vuejs事件中心管理组件间的通信详解
Aug 09 Javascript
JS求Number类型数组中最大元素方法
Apr 08 Javascript
JavaScript中的事件与异常捕获详析
Feb 24 Javascript
Vue组件间通信 Vuex的用法解析
Aug 05 Javascript
javascript实现移动端轮播图
Dec 09 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缓存类代码(附详细说明)
2011/06/09 PHP
PHP实现下载断点续传的方法
2014/11/12 PHP
如何修改Laravel中url()函数生成URL的根地址
2017/08/11 PHP
支持汉转拼和拼音分词的PHP中文工具类ChineseUtil
2018/02/23 PHP
Javascript Cookie读写删除操作的函数
2010/03/02 Javascript
模拟jQuery中的ready方法及实现按需加载css,js实例代码
2013/09/27 Javascript
js 日期比较相关天数代码
2014/04/02 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
总结jQuery插件开发中的一些要点
2016/05/16 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
Bootstrap源码解读标签、徽章、缩略图和警示框(8)
2016/12/26 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
jQuery plugin animsition使用小结
2017/09/14 jQuery
vue 音乐App QQ音乐搜索列表最新接口跨域设置方法
2018/09/25 Javascript
Vue.js上传图片到阿里云OSS存储的方法示例
2018/12/13 Javascript
微信小程序中转义字符的处理方法
2019/03/28 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
nuxt.js写项目时增加错误提示页面操作
2020/11/05 Javascript
python获取各操作系统硬件信息的方法
2015/06/03 Python
Python爬虫实例爬取网站搞笑段子
2017/11/08 Python
PyQt5每天必学之带有标签的复选框
2018/04/19 Python
python实现逆序输出一个数字的示例讲解
2018/06/25 Python
python 高效去重复 支持GB级别大文件的示例代码
2018/11/08 Python
python打印n位数“水仙花数”(实例代码)
2019/12/25 Python
python中os包的用法
2020/06/01 Python
python实现一次性封装多条sql语句(begin end)
2020/06/06 Python
Python logging日志模块 配置文件方式
2020/07/12 Python
AmazeUI 模态窗口的实现代码
2020/08/18 HTML / CSS
德国拖鞋网站:German Slippers
2019/11/08 全球购物
医科大学生毕业的自我评价分享
2013/11/12 职场文书
大学生军训自我鉴定
2014/02/12 职场文书
英文感谢信范文
2015/01/21 职场文书
运动会广播稿200字
2015/08/19 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
python创建字典及相关管理操作
2022/04/13 Python