تشارك هذه المقالة عمليات تسجيل الخروج الخاصة بـ JFinal و Bootstrap بالنسبة لك ، بهدف تقديم كيفية ظهور مربع تأكيد تسجيل الدخول من خلال علامة A ، ثم إرسال طلب خروج إلى JFinal ، ثم تحديث الصفحة. الصعوبات الرئيسية هي النقطتين التاليتين:
1. إذا ظهر مربع تأكيد تسجيل الدخول من خلال محتوى العلامة أ ؛
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. Target = "Ajaxtodo" ، حدد أن العلامة A هي بدء طلب من خلال AJAX.
2. رد الاتصال = "ajaxdone" ، حدد وظيفة رد الاتصال العلامة
3. atitle = "هل أنت متأكد أنك تريد الخروج؟" ، حدد معلومات التأكيد
2. تهيئة حدث AJAX العلامة
وظيفة initui (_box) {var $ p = $ (_ box || document) ؛ // dwz.ajax.js if ($ .fn.ajaxtodo) {$ ("a [target = ajaxtodo]" ، $ p) .ajaxtodo () ؛ }}يلاحظ:
1. بعد اكتمال تحميل الصفحة ، قم بتنفيذ طريقة initui ، بحيث يكون لدى Ajaxtodo طريقة Ajaxtodo المحددة.
3. طلب AJAX للحصول على علامة
دالة ajaxtodo (url ، callback) {var $ callback = callback ؛ if (! $. isFunction ($ callback)) {$ callback = alual ('(' + callback + ')') ؛ } var forwardurl = window.location.href ؛ if (url.indexof ("؟")! = -1) {url + = "& forwardurl =" + forwardurl ؛ } آخر {url + = "؟ forwardurl =" + forwardurl ؛ } $ .ajax ({type: 'post' ، url: url ، dataType: "json" ، cache: false ، success: $ callback ، error: yunm.ajaxerror}) ؛}يلاحظ:
1. سجلات Forwardurl صفحة تسجيل الخروج
4. أضف طريقة Ajaxtodo إلى كائن jQuery
دولار. (! url.ispinistm ()) {$. $ this.attr ("رد فعل") ؛ } ،}) ؛5. وظيفة رد الاتصال
وظيفة ajaxdone (json) {yunm.ajaxdone (json) ؛ if (json [yunm.keys.statuscode] == yunm.statuscode.ok || json [yunm.keys.statuscode] == yunm.statuscode.info) {// إذا تم تحديد الصفحة بعد النقل ، فحرفها إذا (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 ، title: 'fornig' ، width: 280 ، type: '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
public void logout () {if (getSession (). getAttribute ("username")! = null) {// clear getSession () } ajaxdonesuccess ("تسجيل الدخول بنجاح!") ؛ RenderJson () ؛}إضافة طريقة تسجيل الخروج.
تأثير:
إذا كنت لا تزال ترغب في الدراسة بعمق ، فيمكنك النقر هنا لدراسة وإرفاق 3 مواضيع مثيرة لك:
Bootstrap التعلم البرنامج التعليمي
Bootstrap البرنامج التعليمي العملي
تعليمي استخدام المكونات الإضافية Bootstrap
ما سبق هو كل شيء عن هذا المقال. آمل أن يتمكن الجميع من البدء في تنفيذ مربع تأكيد نظام خروج JFinal. آمل أن يحب الجميع هذا المقال وشكرا على القراءة.