Heim > Web-Frontend > js-Tutorial > JQuery verwendet $.ajax und ein Kontrollkästchen, um die nächste Abwesenheitsbenachrichtigungsfunktion zu implementieren

JQuery verwendet $.ajax und ein Kontrollkästchen, um die nächste Abwesenheitsbenachrichtigungsfunktion zu implementieren

不言
Freigeben: 2018-07-02 16:12:18
Original
1736 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Verwendung von $.ajax und dem Kontrollkästchen zur Implementierung der nächsten Abwesenheitsbenachrichtigungsfunktion vorgestellt. Dieser Artikel enthält vollständige Beispiele für HTML-Code, JS-Code und Back-End-JAVA-Code.

Die XXX-Plattform möchte eine Funktion implementieren, um keine Benachrichtigungen mehr über solche Ankündigungen festzulegen.

Prinzip: , senden Sie das Formular nach dem Wenn das Kontrollkästchen ausgewählt ist, ist isSelect in der Aktion von struts2 „10“. Wenn das Absendeformular nicht ausgewählt ist, ist isSelect null.

1.jsp-Seite

<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>
Nach dem Login kopieren

2.js-Code

 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){ 
    } 
  }); 
}
Nach dem Login kopieren

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()); 
  } 
}
Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Wie jQuery und Ajax Mausklicks implementieren, um Inhalte zu ändern

JQuery-Adressleisten-Link und ein Tag Link passende Spezialeffekte

Das obige ist der detaillierte Inhalt vonJQuery verwendet $.ajax und ein Kontrollkästchen, um die nächste Abwesenheitsbenachrichtigungsfunktion zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage