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 变量命名规则
Sep 23 Javascript
JavaScript 以对象为索引的关联数组
May 19 Javascript
JavaScript高级程序设计 扩展--关于动态原型
Nov 09 Javascript
通过遮罩层实现浮层DIV登录的js代码
Feb 07 Javascript
JS简单计算器实例
Jan 20 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
Sep 26 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
Jun 22 Javascript
React组件的三种写法总结
Jan 12 Javascript
vue cli3适配所有端方案的实现
Apr 13 Javascript
如何利用 JS 脚本实现网页全自动秒杀抢购功能
Oct 12 Javascript
原生JavaScript实现购物车
Jan 10 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下几种删除目录的方法总结
2007/08/19 PHP
php 无限级 SelectTree 类
2009/05/19 PHP
PHP实现浏览器中直接输出图片的方法示例
2018/03/14 PHP
PHP实现的获取文件mimes类型工具类示例
2018/04/08 PHP
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
javascript下过滤数组重复值的代码
2007/09/10 Javascript
默认让页面的第一个控件选中的javascript代码
2009/12/26 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
2013/04/26 Javascript
基于原生js淡入淡出函数封装(兼容IE)
2016/10/20 Javascript
jQueryUI 拖放排序遇到滚动条时有可能无法执行排序的小bug及解决方案
2016/12/19 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
2018/04/27 jQuery
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
微信小程序开发技巧汇总
2019/07/15 Javascript
JavaScript如何操作css
2020/10/24 Javascript
基于js实现的图片拖拽排序源码实例
2020/11/04 Javascript
[01:15:44]首部DOTA2纪录片今日23时全网上映
2014/03/19 DOTA
[01:07:11]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
python基于BeautifulSoup实现抓取网页指定内容的方法
2015/07/09 Python
Python生成随机密码的方法
2017/06/16 Python
微信跳一跳python代码实现
2018/01/05 Python
对Tensorflow中权值和feature map的可视化详解
2018/06/14 Python
Python基本数据结构之字典类型dict用法分析
2019/06/08 Python
对django 模型 unique together的示例讲解
2019/08/06 Python
python 有效的括号的实现代码示例
2019/11/11 Python
python基于property()函数定义属性
2020/01/22 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
Python实现打包成库供别的模块调用
2020/07/13 Python
利用Canvas模仿百度贴吧客户端loading小球的方法示例
2017/08/13 HTML / CSS
天逸系统(武汉)有限公司Java笔试题
2015/12/29 面试题
三严三实对照检查材料思想汇报
2014/09/28 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
关于环保的广播稿
2015/12/17 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书
写一个Python脚本自动爬取Bilibili小视频
2021/04/24 Python
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL
win10清理dns缓存
2022/04/19 数码科技