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 相关文章推荐
window.onbeforeunload方法在IE下无法正常工作的解决办法
Jan 23 Javascript
与jquery serializeArray()一起使用的函数,主要来方便提交表单
Jan 31 Javascript
js校验表单后提交表单的三种方法总结
Feb 28 Javascript
手机端页面rem宽度自适应脚本
May 20 Javascript
如何用javascript计算文本框还能输入多少个字符
Jul 29 Javascript
js封装tab标签页实例分享
Dec 19 Javascript
JS实现的数组去除重复数据算法小结
Nov 17 Javascript
vue通过路由实现页面刷新的方法
Jan 25 Javascript
详解vuex中mapState,mapGetters,mapMutations,mapActions的作用
Apr 13 Javascript
微信小程序scroll-view横向滑动嵌套for循环的示例代码
Sep 20 Javascript
layUI的验证码功能及校验实例
Oct 25 Javascript
JavaScript实现表单验证功能
Dec 09 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 默默经典版本
2009/08/04 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
THINKPHP内容分页代码分享
2015/01/14 PHP
Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解
2016/03/07 PHP
Yii使用migrate命令执行sql语句的方法
2016/03/15 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
php获取微信openid方法总结
2019/10/10 PHP
JavaScript 动态将数字金额转化为中文大写金额
2009/05/14 Javascript
基于json的jquery地区联动效果代码
2011/07/06 Javascript
jquery mobile事件多次绑定示例代码
2013/09/13 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
2014/02/07 Javascript
Javascript核心读书有感之表达式和运算符
2015/02/11 Javascript
Javascript无参数和有参数类继承问题解决方法
2015/03/02 Javascript
HTML+CSS+JS实现完美兼容各大浏览器的TABLE固定列
2015/04/26 Javascript
PHP结合jQuery实现红蓝投票功能特效
2015/07/22 Javascript
javascript数组随机排序实例分析
2015/07/22 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
javascript表达式和运算符详解
2017/02/07 Javascript
ES6新特性之解构、参数、模块和记号用法示例
2017/04/01 Javascript
Vue 滚动行为的具体使用方法
2017/09/13 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
在IIS服务器上以CGI方式运行Python脚本的教程
2015/04/25 Python
python 实现读取一个excel多个sheet表并合并的方法
2019/02/12 Python
Python使用tkinter模块实现推箱子游戏
2019/10/08 Python
Python多线程threading创建及使用方法解析
2020/06/17 Python
python IP地址转整数
2020/11/20 Python
css3利用transform变形结合事件完成扇形导航
2020/10/26 HTML / CSS
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
2014和解协议书范文
2014/09/15 职场文书
公民代理授权委托书
2014/09/24 职场文书
法定代表人身份证明书(含说明)
2014/10/02 职场文书
群众路线自查报告及整改措施
2014/11/04 职场文书
2015年护士节慰问信
2015/03/23 职场文书