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 Tab选项卡效果代码改进版
Apr 01 Javascript
jquery插件之定时查询待处理任务数量
May 01 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
浅析JS异步加载进度条
May 05 Javascript
jQuery实现6位数字密码输入框
Dec 29 Javascript
jQuery实现CheckBox全选、全不选功能
Jan 11 Javascript
Angular中ng-bind和ng-model的区别实例详解
Apr 10 Javascript
vue.js 2.0实现简单分页效果
Jul 29 Javascript
Vue的生命周期操作示例
Sep 17 Javascript
element form 校验数组每一项实例代码
Oct 10 Javascript
vue-cli4项目开启eslint保存时自动格式问题
Jul 13 Javascript
简单了解前端渐进式框架VUE
Jul 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实现根据IP地址获取其所在省市的方法
2015/04/30 PHP
php随机显示指定文件夹下图片的方法
2015/07/13 PHP
PHP文件操作之获取目录下文件与计算相对路径的方法
2016/01/08 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
jQuery 加上最后自己的验证
2009/11/04 Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
2013/07/15 Javascript
调用DOM对象的focus使文本框获得焦点
2014/02/19 Javascript
谈谈AngularJs中的隐藏和显示
2015/12/09 Javascript
javascript实现简单计算器效果【推荐】
2016/04/19 Javascript
jquery实现点击页面回到顶部
2016/11/23 Javascript
Bootstrap CSS布局之表格
2016/12/17 Javascript
JavaScript cookie详解及简单实例应用
2016/12/31 Javascript
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
vue实现验证码按钮倒计时功能
2018/04/10 Javascript
Angular 实现输入框中显示文章标签的实例代码
2018/11/07 Javascript
基于Fixed定位的框选功能的实现代码
2019/05/13 Javascript
在VUE中实现文件下载并判断状态的方法
2019/11/08 Javascript
React.js组件实现拖拽排序组件功能过程解析
2020/04/27 Javascript
vue总线机制(bus)知识点详解
2020/05/10 Javascript
Python socket C/S结构的聊天室应用实现
2014/11/30 Python
详细解读Python的web.py框架下的application.py模块
2015/05/02 Python
python使用super()出现错误解决办法
2017/08/14 Python
浅谈Python实现Apriori算法介绍
2017/12/20 Python
Tensorflow实现多GPU并行方式
2020/02/03 Python
python3.7 openpyxl 在excel单元格中写入数据实例
2020/09/01 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
override和overload的区别
2016/03/09 面试题
女大学生个人求职信
2013/12/09 职场文书
石油大学毕业生自荐信
2014/01/28 职场文书
人力资源管理专业自荐书范文
2014/02/10 职场文书
黄继光的英雄事迹材料
2014/02/13 职场文书
《望庐山瀑布》教学反思
2014/04/22 职场文书
七年级英语教学反思
2016/02/15 职场文书