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 相关文章推荐
不要小看注释掉的JS 引起的安全问题
Dec 27 Javascript
深入理解JavaScript作用域和作用域链
Oct 21 Javascript
jquery attr方法获取input的checked属性问题
May 26 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
Mar 01 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
谈谈对JavaScript原生拖放的深入理解
Sep 20 Javascript
详解性能更优越的小程序图片懒加载方式
Jul 18 Javascript
详解如何更好的使用module vuex
Mar 27 Javascript
Vue vm.$attrs使用场景详解
Mar 08 Javascript
ES6函数和数组用法实例分析
May 23 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 Javascript
JavaScript canvas实现文字时钟
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 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
php文件包含的几种方式总结
2019/09/19 PHP
PHP后门隐藏的一些技巧总结
2020/11/04 PHP
JavaScript 实现??打印?理
2007/04/28 Javascript
javascript:以前写的xmlhttp池,代码
2008/05/18 Javascript
往光标所在位置插入值的js代码
2013/09/22 Javascript
基于Javascript实现二级联动菜单效果
2016/03/04 Javascript
node.js路径处理方法以及绝对路径详解
2021/03/04 Javascript
详解浏览器渲染页面过程
2017/02/09 Javascript
bootstrap daterangepicker双日历时间段选择控件详解
2017/06/15 Javascript
ReactNative短信验证码倒计时控件的实现代码
2017/07/20 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
Vue2.0 实现单选互斥的方法
2018/04/13 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
解决layui页面按钮点击无反应,也不报错的问题
2019/09/29 Javascript
微信小程序swiper左右扩展各显示一半代码实例
2019/12/05 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
Python语言实现将图片转化为html页面
2017/12/06 Python
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
tensorflow识别自己手写数字
2018/03/14 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
Django单元测试中Fixtures的使用方法
2020/02/26 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
Pytest如何使用skip跳过执行测试
2020/08/13 Python
python实现逻辑回归的示例
2020/10/09 Python
StubHub巴西:购买和出售您的门票
2016/07/22 全球购物
高中政治教学反思
2014/01/18 职场文书
迟到检讨书500字
2014/02/05 职场文书
计算机大学生职业生涯规划书范文
2014/02/19 职场文书
大学中国梦演讲稿
2014/04/23 职场文书
环保证明
2015/06/23 职场文书
2016元旦晚会主持人开场白和结束语
2015/12/03 职场文书
Python编写可视化界面的全过程(Python+PyCharm+PyQt)
2021/05/17 Python
html5调用摄像头截图功能
2022/01/18 Javascript