Maison > interface Web > js tutoriel > JQuery utilise $.ajax et une case à cocher pour implémenter la prochaine fonction de notification d'absence

JQuery utilise $.ajax et une case à cocher pour implémenter la prochaine fonction de notification d'absence

不言
Libérer: 2018-07-02 16:12:18
original
1736 Les gens l'ont consulté

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==&#39;25&#39;||bussinessNotice.noticeType==&#39;63&#39;||bussinessNotice.noticeType==&#39;64&#39;"> 
<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>
Copier après la connexion

Code 2.js

 function noTips(){ 
  var formParam = $("#form1").serialize();//序列化表格内容为字符串 
  $.ajax({ 
    type:&#39;post&#39;,   
    url:&#39;Notice_noTipsNotice&#39;, 
    data:formParam, 
    cache:false, 
    dataType:&#39;json&#39;, 
    success:function(data){ 
    } 
  }); 
}
Copier après la connexion

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()); 
  } 
}
Copier après la connexion
Ce qui précède est l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'apprentissage de tout le monde. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !

Recommandations associées :

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal