この記事では、JFINALとBOOTSTRAPのログアウト操作を共有し、Aタグを介してログアウト確認ボックスをポップアップする方法を紹介し、exitリクエストをJFINALに送信し、ページを更新することを目指しています。主な難しさは、次の2つのポイントです。
1.タグAのコンテンツを介してログイン確認ボックスがポップアップする場合。
2. Aタグを介して対応するポップアップページを更新する方法。
1。フロントエンドテクノロジー
1.タグを作成します
コードコードを次のようにコピーします。 id = "user_login_out" style = "padding：0 6px;"> exit </a>
知らせ：
1。ターゲット=” ajaxtodo”、Aタグがajaxを介してリクエストを開始することであることを指定します。
2。CallBack=” ajaxdone”、Aタグコールバック関数を指定します
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リクエスト
function ajaxtodo（url、callback）{var $ callback = callback; if（！$。ISFUNCTION（$ callback））{$ callback = eval（ '（' + callback + '）'）; } var forwardurl = window.location.href; if（url.indexof（ "？"）！= -1）{url + = "＆forwardurl =" + forwardurl; } else {url + = "？forwardurl =" + forwordurl; } $ .ajax（{type： 'post'、url：url、datatype： "json"、cache：false、success：$ callback、error：yunm.ajaxerror}）;}知らせ：
1。Forworllログアウトページをログに記録します
4. ajaxtodoメソッドをjqueryオブジェクトに追加します
$ .fn.extend（{ajaxtodo：function（）{return this.each（function（）{var $ this = $（this）; $ this.click（function（event）{var url = unescape（$ this.attr（ "href"））。 （！ $ 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.forwordurl; }}}6。ウィックス確認ボックスがポップアップします
$ .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： 'ciend'、width：280、type： 'wee'、onopen：function（）{init_ui_button（）; }）;}; function init_ui_button（）{$（ "button.ui-button [init！= 'init']"）。2。JFINALテクノロジー
public void logout（）{if（getsession（）。getAttribute（ "username"）！= null）{// Clear Session getsession（）。removeattribute（ "username"）; } ajaxdonesuccess（ "ログインに正常に！"）; renderjson（）;}ログアウトメソッドを追加します。
効果：
それでも詳細に勉強したい場合は、ここをクリックして3つのエキサイティングなトピックを勉強して添付できます。
ブートストラップ学習チュートリアル
ブートストラップ実用的なチュートリアル
ブートストラッププラグインの使用チュートリアル
上記はこの記事に関するすべてです。誰もがBootstrap + JFinal Exitシステム確認ボックスの実装を開始できることを願っています。誰もがこの記事が好きで、読んでくれてありがとう。