Dieser Artikel teilt die Abmeldungsoperationen von Jfinal und Bootstrap für Sie mit, um vorzustellen, wie das Box des Abmeldungsbestätigungsfelds über das A -Tag gepopt wird, und sendet dann eine Exit -Anfrage an JFinal und aktualisiert die Seite. Die Hauptschwierigkeiten sind die folgenden zwei Punkte:
1. Wenn das Anmeldungsbestätigungsfeld durch den Inhalt des Tags a auftaucht;
2. So aktualisieren Sie die entsprechende Popup-Seite über das A-Tag.
1. Front-End-Technologie
1. Erstellen Sie ein Tag
Kopieren Sie den Code -Code wie folgt: <a href = "$ {ctx}/mem/logout" target = "ajaxtodo" callback = "ajaxdone" atitle = "Sind Sie sicher, dass Sie beenden möchten?" id = "user_login_out" style = "padding: 0 6px;"> exit </a>
Beachten:
1. Target = ”aJaxtodo” Geben Sie an, dass das A -Tag eine Anforderung über AJAX einleiten soll.
2. Callback = ”ajaxdone” Geben Sie die A -Tag -Rückruffunktion an
3.. Atitle = "Sind Sie sicher, dass Sie beenden möchten?" Geben Sie die Bestätigungsinformationen an
2. Initialisieren Sie ein Tag AJAX -Ereignis
function initUi (_box) {var $ p = $ (_ Box || document); // dwz.ajax.js if ($ .fn.ajaxtodo) {$ ("a [target = ajaxtodo]", $ p) .Ajaxtodo (); }}Beachten:
1. Führen Sie nach Abschluss des Ladens der Seite die InitUi -Methode aus, so dass das A -Tag mit Ziel Ajaxtodo die angegebene Ajaxtodo -Methode hat.
3. Ajax Anfrage nach einem Tag
Funktion ajaxtodo (URL, Callback) {var $ callback = callback; if (! $. isFunction ($ callback)) {$ callback = eval ('(' + callback + ')'); } var Forwardurl = window.location.href; if (url.indexof ("?")! } else {url + = "? ForwardUrl =" + Forwardurl; } $ .ajax ({type: 'post', url: url, dataType: "json", cache: false, Erfolg: $ callback, Fehler: yunm.ajaxError});}Beachten:
1. Vorwärtsbogen protokolliert die protokollierte Seite aus
4. Fügen Sie die Ajaxtodo -Methode zu JQuery -Objekt hinzu
$ .fn.extend ({Ajaxtodo: function () {return this.each (function () {var $ this = $ (this); (! $ this.attr ("Callback")); },});5. Rückruffunktion
Funktion ajaxdone (json) {yunm.ajaxdone (JSON); if (json [yunm.keys.statuscode] == yunm.Statuscode.ok || json [yunm.keys.statuscode] == yunm.StatusCode.info) {// Wenn die Seite nach dem Transfer angegeben ist, drehen Sie es, wenn (json.forwardurl) {location.href = jon.for.for.forwardurl; }}}6. Weebox -Bestätigungsbox taucht auf
$ .showConfirm = function (str, funcok, funcclose) {var okfunc = function () {$ .weebeboxs.close ("yunm_confirm_box"); funcok.call (); }; $ .Weeboxs.open (str, {boxid: 'yunm_confirm_box', contentType: 'text', showbutton: true, showcancel: true, showok: title: 'ebning', width: 280, type: 'wee', onopen: function () {initon_ui_button ();}, onclose: onokose: appocose, onokLose, onokLose, onokLose, onokLose, ontokton ();};};};}; });}; Funktion init_ui_button () {$ ("button.ui-button [init!2. Jfinal Technology
public void logout () {if (getSession (). getAtTribute ("Benutzername")! } ajaxdonesuccess ("erfolgreich anmelden!"); renderjson ();}Fügen Sie die Abmeldemethode hinzu.
Wirkung:
Wenn Sie weiterhin ausführlich studieren möchten, können Sie hier klicken, um Ihnen zu studieren und 3 aufregende Themen anzuhängen:
Bootstrap -Lern -Tutorial
Bootstrap Practical Tutorial
Bootstrap-Plug-in-Nutzungs-Tutorial
Das obige dreht sich alles um diesen Artikel. Ich hoffe, jeder kann mit der Implementierung von Bootstrap + Jfinal Exit -System -Bestätigungsbox beginnen. Ich hoffe, jeder mag diesen Artikel und danke Ihnen für das Lesen.