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写的日历(代码部分网摘)
Sep 20 Javascript
javascript实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
JavaScript的类型转换(字符转数字 数字转字符)
Aug 30 Javascript
js控制元素显示在屏幕固定位置及监听屏幕高度变化的方法
Aug 11 Javascript
开启Javascript中apply、call、bind的用法之旅模式
Oct 28 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
详解javascript new的运行机制
Jan 26 Javascript
详解从Node.js的child_process模块来学习父子进程之间的通信
Mar 27 Javascript
vue-resource调用promise取数据方式详解
Jul 21 Javascript
Angularjs 事件指令详细整理
Jul 27 Javascript
javascript 易错知识点实例小结
Apr 25 Javascript
vue实现下载文件流完整前后端代码
Nov 17 Vue.js
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
农民C键的运用技巧
2020/03/04 星际争霸
PHP5 的对象赋值机制介绍
2011/08/02 PHP
IE DOM实现存在的部分问题及解决方法
2009/07/25 Javascript
jQuery 使用手册(四)
2009/09/23 Javascript
js操作select控件的几种方法
2010/06/02 Javascript
js日期联动示例
2014/05/02 Javascript
JS实现点击按钮控制Div变宽、增高及调整背景色的方法
2015/08/05 Javascript
JS实现淡蓝色简洁竖向Tab点击切换效果
2015/10/06 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
JS中传递参数的几种不同方法比较
2017/01/20 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
Vue将页面导出为图片或者PDF
2020/08/17 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
2020/05/10 Javascript
Vue初始化中的选项合并之initInternalComponent详解
2020/06/11 Javascript
[01:42]TI4西雅图DOTA2前线报道 第一顿早饭哦
2014/07/08 DOTA
[05:43]VG.R战队教练Mikasa专访:为目标从未停止战斗
2016/08/02 DOTA
17个Python小技巧分享
2015/01/23 Python
idea创建springMVC框架和配置小文件的教程图解
2018/09/18 Python
python类的实例化问题解决
2019/08/31 Python
python 计算概率密度、累计分布、逆函数的例子
2020/02/25 Python
css3动画效果抖动解决方法
2018/09/03 HTML / CSS
Boden美国官网:英伦原创时装品牌
2017/07/03 全球购物
巴西一家专门从事家居和装饰的连锁店:Camicado
2019/08/14 全球购物
新西兰购物网站:TheMarket NZ
2020/09/19 全球购物
《小白兔和小灰兔》教学反思
2014/02/18 职场文书
2014年党员公开承诺践诺书
2014/03/25 职场文书
员工工作表现评语
2014/04/26 职场文书
公司的门卫岗位职责
2014/09/09 职场文书
2014年科技工作总结
2014/11/26 职场文书
2015年上半年物业工作总结
2015/03/30 职场文书
会议承办单位欢迎词
2019/07/09 职场文书
go语言中http超时引发的事故解决
2021/06/02 Golang
一篇文章告诉你如何实现Vue前端分页和后端分页
2022/02/18 Vue.js
Go 内联优化让程序员爱不释手
2022/06/21 Golang