JavaScript na (przed i po) każdym Ajax-call

Question

Ponieważ pracuję z TinyMCE (proszę nie wchodzić w "Primefaces ma edytor" lub coś podobnego) muszę wykonać mały kawałek Javascript przed i po co Ajax -call. Wolałbym nie edytować wszystkiego, ponieważ jest ich dużo (i będzie to zła praktyka dla przyszłych konserwacji).

Jakie byłoby najbardziej eleganckie rozwiązanie do wykonania Javascript przed i po jakakolwiek Ajax -cała na stronie?

Uwaga: Używam niestandardowego composite dla adresu TinyMCE -tekst. Wszelkie zdarzenia również ten obiekt też by wystarczyć. Pamiętaj jednak, że faktyczny Ajax -trigger może zostać wywołany przez zupełnie inny obiekt (mimo to może zrestartować composite).

Answer 1

Użyj funkcji obsługi jsf.ajax.addOnEvent.

jsf.ajax.addOnEvent(function(data) { 
    switch(data.status) { 
     case "begin": 
      // This is invoked right before ajax request is sent. 
      break; 

     case "complete": 
      // This is invoked right after ajax response is returned. 
      break; 

     case "success": 
      // This is invoked right after successful processing of ajax response and update of HTML DOM. 
      // In case you're interested in error handling, use jsf.ajax.addOnError handler. 
      break; 
    } 
}); 

Wystarczy umieścić go w pliku JS, który jest zawarty przez <h:outputScript target="head"> w <h:body> żądanych stron. Zapewni to, że jest on załadowany po JSF własny jsf.js zawierający przestrzeń nazw .

Answer 2

Istnieje atrybut onevent znacznika JSF <f:ajax>, który jest używany do wykonywania zadań AJAX w aplikacji JSF. Zasadniczo określa on funkcję JavaScript, która nazywa się trzykrotnie: przed wywołaniem wywołania AJAX, po odebraniu odpowiedzi AJAX i po aktualizacji DOM HTML. Dokładnie w tym celu PrimeFaces podzielił te wywołania zwrotne odpowiednio na onstart, onsuccess, oncomplete i .

Aby nie powtarzać, można znaleźć przykład zastosowania w odpowiedzi na How to re-execute javascript function after form reRender?.