JQuery使用$.ajax和checkbox实现下次不在通知功能_jquery

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());
  }
}

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery
, checkbox
, $.ajax
下次不在通知
jquery ajax checkbox、6.0权限下次不在询问、ajax checkbox 传值、ajax checkbox 选中、ajax checkbox,以便于您获取更多的相关知识。

时间: 2025-01-20 13:39:31

JQuery使用$.ajax和checkbox实现下次不在通知功能_jquery的相关文章

jQuery实现ajax调用WCF服务的方法(附带demo下载)_jquery

本文实例讲述了jQuery实现ajax调用WCF服务的方法.分享给大家供大家参考,具体如下: 关于AJAX调用WCF服务分为跨域和不跨域两种方式,今天咱们先介绍下不跨域下的调用方法.DEMO是在VS2008写的. 经过测试与研究,发现AJAX调用WCF服务必须满足以下条件 1.wcf的通讯方式必须使用webHttpBinding 2.必须设置<endpointBehaviors>节点的值 3.服务的实现必须添加标记 复制代码 代码如下: [AspNetCompatibilityRequirem

jQuery+PHP+ajax实现微博加载更多内容列表功能_php技巧

在一些微博网站上我们经常可以看到这样的应用,微博内容列表上并没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击"查看更多"来加载更多记录.本文将结合jQuery和PHP给大家讲述如何实现这种功能. Ajax加载的基本原理:当页面载入时,jQuery向后台请求数据,PHP通过查询数据库将最新的几条记录显示在列表页,在列表页的底部有个"查看更多"的链接,通过触发该链接,向服务端发送Ajax请求,后台PHP程序得到请求参数,并作

jQuery中ajax的load()与post()方法实例详解_jquery

本文实例讲述了jQuery中ajax的load()与post()方法.分享给大家供大家参考,具体如下: 一.load()方法 在jQuery ajax的load()方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别,但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦. load()方法默认使用 GET 方式, 如果传递了data参数则使用Post方式. 传递附加参数时自动转换为 POST 方式.jQuery 1.2 中,可以指定

浅谈Jquery中Ajax异步请求中的async参数的作用_jquery

之前不知道这个参数的作用,上网找了前辈的博客,在此收录到自己的博客,希望能帮到更多的朋友: test.html <a href="javascript:void(0)" onmouseover="testAsync()"> asy.js function testAsync{ var temp; $.ajax({ async: false, type : "GET", url : 'tet.php', complete: functi

JQuery+Ajax实现数据查询、排序和分页功能_jquery

之前很少会用javascript去实现页功能主要怕麻烦,但了解JQuery后这种想法发生了变化:有了这样的脚本组件就可以在编写脚本时方便和HTML隔离出来,这样编写高重用性的脚本就更方便.下面就是介绍在学习JQuery过程中编写的基于Ajax的数据查询.排序和分页功能的复用脚本,只要遵循脚本的某些规则描述HTML把脚本文件引入就可以方便实现以上描述的功能. 先看下实现功能的代码: /**应用脚本规则: 引用脚本: JQuery脚本和JQuery的form插件脚本 Form的ID: viewfor

jquery通过ajax加载一段文本内容的方法_jquery

本文实例讲述了jquery通过ajax加载一段文本内容的方法.分享给大家供大家参考.具体分析如下: 这是w3school官网提供的一个简单的例子,注意编码问题,否则可能会出现乱码.代码如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <script type="text/

jQuery遍历页面所有CheckBox查看是否被选中的方法_jquery

本文实例讲述了jQuery遍历页面所有CheckBox查看是否被选中的方法.分享给大家供大家参考.具体如下: $('#tbl').find(':checkbox').each(function(){ if ($(this).is(":checked")) { //操作 } }); 希望本文所述对大家的jQuery程序设计有所帮助. 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索jquery , 遍历checkb

jQuery的 $.ajax防止重复提交的两种方法(推荐)_jquery

下面给大家带来两种关于jquery 的ajax防止重复提交的解决方法,具体介绍如下所示: 1.第一种,对于onclick事件触发的的ajax 可以采用如下方法: 即在beforeSend中使点击按钮不可用,ajax结果返回后置为可用 $.ajax( { type: 'POST', url: APP+'?m=Shopping&a=ajaxSubmitorder&sid='+sid+'&src='+src, cache:false, dataType: 'json', data: {'

jQuery实现设置、移除文本框默认值功能_jquery

jQuery实现的文本框默认值感应鼠标动作: 本章节介绍一下如何利用jQuery实现文本框默认值感应鼠标动作的功能. 比如当文本框获取鼠标焦点的时候,默认值会被清空,当文本框没有输入内容,鼠标焦点离开的时候,又会恢复到默认值. 代码实例: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title></title> <scri