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 相关文章推荐
JQuery 学习笔记 选择器之二
Jul 23 Javascript
jquery创建并行对象或者合并对象的实现代码
Oct 10 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
Vue数据驱动模拟实现3
Jan 11 Javascript
ES6解构赋值实例详解
Oct 31 Javascript
纯js代码生成可搜索选择下拉列表的实例
Jan 11 Javascript
vue-cli 3.0 自定义vue.config.js文件,多页构建的方法
Sep 19 Javascript
vue实现跨域的方法分析
May 21 Javascript
Layer组件多个iframe弹出层打开与关闭及参数传递的方法
Sep 25 Javascript
uploadify插件实现多个图片上传并预览
Sep 30 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
May 15 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
Nov 11 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操作Access类(PHP+ODBC+Access)
2007/01/02 PHP
php代码把全角数字转为半角数字
2007/12/10 PHP
php 数组二分法查找函数代码
2010/02/16 PHP
PHP中Cookie的使用详解(简单易懂)
2017/04/28 PHP
PHP实现微信图片上传到服务器的方法示例
2017/06/29 PHP
Javascript 读书笔记索引贴
2010/01/11 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
js实现的简练高效拖拽功能示例
2016/12/21 Javascript
angularjs 实现带查找筛选功能的select下拉框实例
2017/01/11 Javascript
jQuery图片瀑布流的简单实现代码
2017/03/15 Javascript
Node.js开发第三方微信公众平台
2017/06/05 Javascript
JS解析url查询参数的简单代码
2017/08/06 Javascript
基于vue,vue-router, vuex及addRoutes进行权限控制问题
2018/05/02 Javascript
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&amp;平移轮播效果
2019/08/16 Javascript
js实现GIF图片的分解和合成
2019/10/24 Javascript
浅谈vuex为什么不建议在action中修改state
2020/02/02 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
python 异常处理总结
2016/10/18 Python
python实现停车管理系统
2018/11/30 Python
Python3爬虫教程之利用Python实现发送天气预报邮件
2018/12/16 Python
Python中字符串List按照长度排序
2019/07/01 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
python3 常见解密加密算法实例分析【base64、MD5等】
2019/12/19 Python
Python Opencv 通过轨迹(跟踪)栏实现更改整张图像的背景颜色
2020/03/09 Python
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
公关关系专员的自我评价分享
2013/11/20 职场文书
校园十大歌手策划书
2014/02/01 职场文书
建筑安全标语
2014/06/07 职场文书
小学班级特色活动方案
2014/08/31 职场文书
区域经理岗位职责
2015/02/02 职场文书
2016年乡镇综治宣传月活动总结
2016/03/16 职场文书
简历中的自我评价怎么写呢?
2019/04/30 职场文书
css实现左上角飘带效果的完整代码
2022/03/18 HTML / CSS