Эта статья разделяет операции в журнале Jfinal и Bootstrap для вас, направленная на то, чтобы представить, как вспомнить окно подтверждения выхода через тег, а затем отправить запрос на выход в JFINAL, а затем обновить страницу. Основными трудностями являются следующие два момента:
1. Если поле для подтверждения входа всплывает через содержимое тега A;
2. Как обновить соответствующую всплывающую страницу через тег A.
1. Фронт-энда технологии
1. Постройте метку
Скопируйте код кода следующим образом: <a href = "$ {ctx}/mem/logout" target = "ajaxtodo" callback = "ajaxdone" atitle = "Вы уверены, что хотите выйти?" id = "user_login_out" style = "padding: 0 6px;"> exit </a>
Уведомление:
1.
2. Callback = ”ajaxdone», укажите функцию обратного вызова A A Tag
3. atitle = «Вы уверены, что хотите выйти?», Укажите информацию о подтверждении
2. Инициализируйте событие Ajax Tag Ajax
function initui (_box) {var $ p = $ (_ box || документ); // dwz.ajax.js if ($ .fn.ajaxtodo) {$ ("a [target = ajaxtodo]", $ p) .ajaxtodo (); }}Уведомление:
1. После завершения загрузки страницы выполните метод initui, так что тег A с целью Ajaxtodo имеет указанный метод Ajaxtodo.
3. Ajax запрос на тег
Функция ajaxtodo (url, callback) {var $ callback = callback; if (! $. isfunction ($ callback)) {$ callback = eval ('(' + callback + ')'); } var firsturl = window.location.href; if (url.indexof ("?")! = -1) {url + = "& forwardurl =" + fistryurl; } else {url + = "? Firsterlurl =" + forwarkurl; } $ .ajax ({type: 'post', url: url, datatype: "json", cache: false, успех: $ обратный вызов, ошибка: yunm.ajaxerror});}Уведомление:
1. Fookingurl журналирует страницу зарегистрированного
4. Добавить метод ajaxtodo в объект jQuery
$. (! $ this.attr ("Callback"); },});5. Функция обратного вызова
Функция ajaxdone (json) {yunm.ajaxdone (json); if (json [yunm.keys.statuscode] == yunm.statuscode.ok || json [yunm.keys.statuscode] == yunm.statuscode.info) {// Если страница после перевода, переверните его, если (json.forwardurl) {location.href = json.forwardurl; }}}6. Появляется поле для подтверждения Weebox
$ .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, название: 'Подтверждение', Width: 280, тип: 'wee', onopen: function () {init_ui_button (); });}; function init_ui_button () {$ ("button.ui-button [init! = 'init']"). Каждый (i, o) {$ (o) .attr ("init", "init"); // Предотвратить повторную инициализацию $ (o) .ui_button ();2. Jfinal Technology
public void logout () {if (getSession (). getAttribute ("username")! = null) {// clear sessionsession (). removeAttribute ("username"); } ajaxDonesuccess («Вход успешно!»); renderjson ();}Добавить метод входа.
Эффект:
Если вы все еще хотите учиться глубже, вы можете нажать здесь, чтобы изучить и прикрепить к вам 3 захватывающих тем:
Начальная учебник по обучению
Bootstrap Practical Rutorial
Учебное пособие по использованию плагина Bootstrap
Выше всего об этой статье. Я надеюсь, что каждый сможет начать реализовать Bootstrap + Jfinal Exit System System Box. Я надеюсь, что всем понравится эта статья, и спасибо за чтение.