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最新动画教程+iso光盘下载
Jan 22 Javascript
javascript面向对象包装类Class封装类库剖析
Jan 24 Javascript
js验证是否为数字的总结
Apr 14 Javascript
分享纯手写漂亮的表单验证
Nov 19 Javascript
js操作cookie保存浏览记录的方法
Dec 25 Javascript
jQuery获取当前点击的对象元素(实现代码)
May 19 Javascript
深入理解JQuery循环绑定事件
Jun 02 Javascript
原生js实现选项卡功能
Mar 08 Javascript
JavaScript解析任意形式的json树型结构展示
Jul 23 Javascript
Angular6 正则表达式允许输入部分中文字符
Sep 10 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
微信小程序连续签到7天积分获得功能的示例代码
Aug 20 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转成EXE文件
2006/10/09 PHP
PHP压缩html网页代码(清除空格,换行符,制表符,注释标记)
2012/04/02 PHP
PHP中header和session_start前不能有输出原因分析
2013/01/11 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
70+漂亮且极具亲和力的导航菜单设计国外网站推荐
2011/09/20 Javascript
js通过地址栏给action传值(中文乱码全是问号)
2013/05/02 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
用jQuery获取IE9下拉框默认值问题探讨
2013/07/22 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
javascript实时获取鼠标坐标值并显示的方法
2015/04/30 Javascript
jQuery实现图片上传和裁剪插件Croppie
2015/11/29 Javascript
jQuery实现选项卡切换效果简单演示
2015/12/09 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
2017/08/31 Javascript
微信小程序使用form表单获取输入框数据的实例代码
2018/05/17 Javascript
vue项目中微信登录的实现操作
2020/09/08 Javascript
Vue组件生命周期运行原理解析
2020/11/25 Vue.js
Python中动态创建类实例的方法
2017/03/24 Python
Python利用itchat对微信中好友数据实现简单分析的方法
2017/11/21 Python
python如何获得list或numpy数组中最大元素对应的索引
2020/11/16 Python
关于canvas.toDataURL 在iOS运行失败的问题解决
2020/09/16 HTML / CSS
澳大利亚设计的优质鞋类和适合澳大利亚生活方式的服装:Rivers
2019/04/23 全球购物
数组越界问题
2015/10/21 面试题
会计主管岗位职责
2014/01/03 职场文书
优秀毕业自我鉴定
2014/02/15 职场文书
优秀教师感人事迹材料
2014/05/04 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
个人欠条范本
2015/07/03 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
asyncio异步编程之Task对象详解
2022/03/13 Python
Win11开始菜单添加休眠选项
2022/04/19 数码科技
CentOS MySql8 远程连接实战
2022/04/19 MySQL
python多次执行绘制条形图
2022/04/20 Python
Golang入门之计时器
2022/05/04 Golang