Cet article partage les opérations de déconnexion de JFinal et Bootstrap pour vous, visant à présenter comment faire apparaître la boîte de confirmation de déconnexion via la balise A, puis envoyer une demande de sortie à JFinal, puis actualiser la page. Les principales difficultés sont les deux points suivants:
1. Si la boîte de confirmation de connexion apparaît via le contenu de la balise A;
2. Comment actualiser la page contextuelle correspondante via la balise A.
1. Technologie frontale
1. Construisez une balise
Copiez le code de code comme suit: <a href = "$ {ctx} / mem / logout" cible = "ajaxtodo" callback = "ajaxdone" aTitle = "Êtes-vous sûr de vouloir quitter?" id = "user_login_out" style = "padding: 0 6px;"> exit </a>
Avis:
1. Target = ”ajaxtodo”, spécifiez que la balise A consiste à initier une demande via AJAX.
2. Callback = ”ajaxdone”, spécifiez la fonction de rappel A TAG
3. Atitle = "Êtes-vous sûr que vous souhaitez quitter?", Spécifiez les informations de confirmation
2. Initialiser un événement TAG AJAX
fonction initUi (_box) {var $ p = $ (_ box || document); // dwz.ajax.js if ($ .fn.ajaxtodo) {$ ("a [cible = ajaxtodo]", $ p) .ajaxtodo (); }}Avis:
1. Une fois le chargement de page terminé, exécutez la méthode Initii, afin que la balise A avec la cible soit Ajaxtodo ait la méthode Ajaxtodo spécifiée.
3. Demande ajax pour une balise
fonction ajaxtodo (url, callback) {var $ callback = callback; if (! $. isfunction ($ callback)) {$ callback = evaled ('(' + callback + ')'); } var vers l'avanturl = window.location.href; if (url.indexof ("?")! = -1) {URL + = "& ForwardUrl =" + ForwardUrl; } else {url + = "? ForwardUrl =" + ForwardUrl; } $ .ajax ({type: 'post', URL: URL, type de données: "JSON", cache: false, succès: $ rappelant, erreur: yunm.ajaxerror});}Avis:
1. ForwardUrl enregistre la page déconnectée
4. Ajouter la méthode ajaxtodo à l'objet jQuery
$ .fn.extend ({ajaxtodo: function () {return this.each (function () {var $ this = $ (this); $ this.click (function (event) {var url = unescape ($ this.attr ("href")). RepacetMbyid ($ (event.target) .parents (".. (! $ this.attr ("rappel");} event.preventDefault ();}); },});5. Fonction de rappel
fonction ajaxdone (json) {yunm.ajaxdone (json); if (json [yunm.keys.statuscode] == yunm.statusccode.ok || json [yunm.keys.statuscode] == yunm.staturcode.info) {// Si la page après le transfert est spécifiée, tournez-la if (json.forwardUrl) {location.href = json.forwardurl; }}}6. La boîte de confirmation Weebox apparaît
$ .showconfirm = function (str, funcok, funcclose) {var okfunc = function () {$ .weeboxs.close ("yunm_confirm_box"); funcok.call (); }; $ .weeboxs.open (str, {boxid: 'yunm_confirm_box', contentType: 'text', showbutton: true, showcancel: true, showok: true, title: 'confirmer', width: 280, type: 'wee', onopen: function () {init_ui_button ();}, onclose: funcclose, okfunc });}; fonction init_ui_button () {$ ("Button.ui-button [init! = 'init']"). Chaque (fonction (i, o) {$ (o) .attr ("init", "init"); // pour empêcher l'initialisation répétée de $ (o) .ui_button ();});}2. Technologie JFinale
public void Logout () {if (getSession (). getAttribute ("username")! = null) {// Clear Session getSession (). RemoveAttribute ("username"); } ajaxDonesuCcess ("Connexion avec succès!"); Renderjson ();}Ajouter une méthode de déconnexion.
Effet:
Si vous souhaitez toujours étudier en profondeur, vous pouvez cliquer ici pour étudier et vous attacher 3 sujets passionnants:
Tutoriel d'apprentissage bootstrap
Tutoriel pratique de bootstrap
Tutoriel d'utilisation du plug-in bootstrap
Ce qui précède concerne cet article. J'espère que tout le monde pourra commencer à implémenter la boîte de confirmation du système de sortie Bootstrap + JFinal. J'espère que tout le monde aime cet article et merci d'avoir lu.