Cet article présente principalement l'utilisation par JQuery de $.ajax et de la case à cocher pour implémenter la prochaine fonction de notification d'absence. Cet article donne des exemples complets de code HTML, de code JS et de code JAVA back-end. Les amis dans le besoin peuvent s'y référer. 🎜>
La plateforme XXX souhaite implémenter une fonction. Utilisez la case à cocher sur la page pop-up d'annonce pour ne plus définir la notification de telles annonces. Principe : , soumettez le formulaire après le la case à cocher est cochée, alors l'action isSelect dans struts2 est « 10 », et si le formulaire de soumission n'est pas sélectionné, isSelect est nul.Page 1.jsp
<form id="form1"> <p class="jf_tanchu"> <p class="jf_tanchutit">${ bussinessNotice.noticeTitle}</p> <p class="jf_tanchubox"> <p class="jf_tanchubox_right"> 公告类型:<v:dcolor code="${ bussinessNotice.noticeType}"/> 发布时间:<fmt:formatDate value="${ bussinessNotice.createDate}" pattern="yyyy-MM-dd"/> </p> ${bussinessNotice.noticeInfo} </p> </p> <s:if test="bussinessNotice.noticeType=='25'||bussinessNotice.noticeType=='63'||bussinessNotice.noticeType=='64'"> <p> <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> </p> </s:if> </form>
Code 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 Code
/** * 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()); } }
Comment jQuery et ajax implémentent les clics de souris pour modifier le contenu
lien dans la barre d'adresse jquery et une balise lien correspondant aux effets spéciaux
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!