이 기사는 JFinal 및 Bootstrap의 로그 아웃 작업을 공유하여 A 태그를 통해 로그 아웃 확인란을 팝업하는 방법을 소개하고 JFinal에 종료 요청을 보내고 페이지를 새로 고치는 방법을 소개합니다. 주요 어려움은 다음과 같은 두 가지 요점입니다.
1. 로그인 확인란이 태그 A의 내용을 통해 나타나는 경우;
2. A 태그를 통해 해당 팝업 페이지를 새로 고치는 방법.
1. 프론트 엔드 기술
1. 태그를 만듭니다
코드 코드를 다음과 같이 복사하십시오. <a href = "$ {ctx}/mem/logout"target = "ajaxtodo"callback = "ajaxdone"atitle = "나가고 싶습니까?" id = "user_login_out"style = "패딩 : 0 6px;"> 종료 </a>
알아채다:
1. target = "ajaxtodo", A 태그가 ajax를 통해 요청을 시작하도록 지정하십시오.
2. Callback = "AjaxDone", A 태그 콜백 함수를 지정하십시오
3. atitle = "나가고 싶습니까?", 확인 정보를 지정하십시오.
2. 태그 Ajax 이벤트 초기화
함수 initUi (_box) {var $ p = $ (_ box || 문서); // dwz.ajax.js if ($ .fn.ajaxtodo) {$ ( "a [target = ajaxtodo]", $ p) .ajaxtodo (); }}알아채다:
1. 페이지로드가 완료된 후 target이있는 태그가 Ajaxtodo에 지정된 ajaxtodo 메소드가 있도록 Initui 메소드를 실행하십시오.
3. Ajax 태그 요청
함수 ajaxtodo (url, 콜백) {var $ 콜백 = 콜백; if (! $. isfunction ($ callback)) {$ callback = atal ( '(' + callback + ')'); } var forworl = window.location.href; if (url.indexof ( "?")! = -1) {url + = "& forwerl =" + forwardUrl; } else {url + = "? forworl =" + forworl; } $ .ajax ({type : 'post', url : url, datatype : "json", cache : false, success : $ 콜백, 오류 : yunm.ajaxerror});}알아채다:
1. 로그인 한 페이지를 로그 로그 로그
4. jquery 객체에 ajaxtodo 메소드를 추가하십시오
$ .fn.extend ({ajaxtodo : function () {return this.each (function () {var $ this = $ (this); $ this.click (function (var url = unescape ($ this.attr ( "href")). ReplacetMbyId ($ (event.target ( ")); (! $ 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) {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 : 'suction :'suction : 280, type : 'wee', onopen : onopen : onokclose : onokclose : funcclose : oncclose : oncclose : });}; 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 session getsession (). removeattribute ( "username"); } ajaxdonesuccess ( "성공적으로 로그인!"); renderjson ();}로그 아웃 방법을 추가하십시오.
효과:
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위는이 기사에 관한 것입니다. 모든 사람이 부트 스트랩 + jfinal exit 시스템 확인란을 구현하기를 바랍니다. 모두 가이 기사를 좋아하고 읽어 주셔서 감사합니다.