วิธีการออกจากระบบผู้ใช้จากเว็บไซต์โดยใช้การรับรองความถูกต้องเบื้องต้น?

เป็นไปได้หรือไม่ที่จะล็อกเอาต์ผู้ใช้จากเว็บไซต์ถ้าเขาใช้การพิสูจน์ตัวตนพื้นฐาน?

เซสชันการฆ่าไม่เพียงพอเนื่องจากเมื่อผู้ใช้ได้รับการรับรองความถูกต้องแล้วแต่ละคำขอจะมีข้อมูลการเข้าสู่ระบบดังนั้นผู้ใช้จะเข้าสู่ระบบโดยอัตโนมัติในครั้งต่อไปที่เขา / เธอเข้าถึงเว็บไซต์โดยใช้ข้อมูลรับรองเดียวกัน

ทางออกเดียวคือปิดเบราว์เซอร์ แต่ไม่ยอมรับจากมุมมองการใช้งาน

การรับรองความถูกต้องพื้นฐานไม่ได้ออกแบบมาเพื่อจัดการการออกจากระบบ คุณสามารถทำได้ แต่ไม่ได้ทำโดยอัตโนมัติอย่างสมบูรณ์

สิ่งที่คุณต้องทำคือให้ผู้ใช้คลิกที่ลิงค์ออกจากระบบและส่ง '401 Unauthorized' เพื่อตอบกลับโดยใช้ realm เดียวกันและที่ระดับโฟลเดอร์ URL เดียวกันกับ 401 ปกติที่คุณส่งการร้องขอ

พวกเขาจะต้องถูกนำไปใส่ข้อมูลประจำตัวที่ไม่ถูกต้องต่อไปเช่น ชื่อผู้ใช้และรหัสผ่านที่ว่างเปล่าและในการตอบกลับคุณส่งหน้า“ คุณออกจากระบบเรียบร้อยแล้ว” ข้อมูลประจำตัวที่ไม่ถูกต้อง / ว่างเปล่าจะเขียนทับข้อมูลประจำตัวที่ถูกต้องก่อนหน้านี้

กล่าวโดยสรุปสคริปต์การออกจากระบบจะย้อนกลับตรรกะของสคริปต์การเข้าสู่ระบบเพียงส่งคืนหน้าความสำเร็จหากผู้ใช้ไม่ผ่านข้อมูลรับรองที่ถูกต้อง

คำถามคือช่องรหัสผ่าน“ อย่าป้อนรหัสผ่านของคุณ” ที่น่าสงสัยจะตอบสนองการยอมรับของผู้ใช้หรือไม่ ผู้จัดการรหัสผ่านที่พยายามป้อนรหัสผ่านอัตโนมัติสามารถเข้าไปที่นี่ได้เช่นกัน

แก้ไขเพื่อเพิ่มในการตอบสนองต่อความคิดเห็น: การเข้าสู่ระบบใหม่เป็นปัญหาที่แตกต่างกันเล็กน้อย (เว้นแต่ว่าคุณต้องการออกจากระบบ / เข้าสู่ระบบสองขั้นตอนอย่างชัดเจน) คุณต้องปฏิเสธ (401) ความพยายามครั้งแรกในการเข้าถึงลิงก์ relogin แทนที่จะยอมรับที่สอง (ซึ่งมีชื่อผู้ใช้ / รหัสผ่านที่แตกต่างกัน) มีสองสามวิธีที่คุณสามารถทำได้ หนึ่งจะรวมถึงชื่อผู้ใช้ปัจจุบันในลิงค์ออกจากระบบ (เช่น / relogin? ชื่อผู้ใช้) และปฏิเสธเมื่อข้อมูลประจำตัวตรงกับชื่อผู้ใช้

นอกเหนือจากคำตอบโดย bobince ...

ด้วย Ajax คุณสามารถใช้ลิงก์ / ปุ่มออกจากระบบไปยังฟังก์ชัน Javascript ได้ ให้ฟังก์ชันนี้ส่ง XMLHttpRequest ด้วยชื่อผู้ใช้และรหัสผ่านที่ไม่ถูกต้อง สิ่งนี้ควรจะได้รับกลับมา 401 จากนั้นตั้งค่า document.location กลับไปที่หน้าก่อนเข้าสู่ระบบ ด้วยวิธีนี้ผู้ใช้จะไม่เห็นกล่องโต้ตอบการเข้าสู่ระบบเพิ่มเติมระหว่างการออกจากระบบและไม่ต้องจำไว้ว่าต้องใส่ข้อมูลประจำตัวที่ไม่ถูกต้อง

มีผู้ใช้คลิกที่ลิงก์เพื่อhttps: // บันทึก: out@example.com/ ซึ่งจะเขียนทับข้อมูลประจำตัวที่มีอยู่ด้วยข้อมูลที่ไม่ถูกต้อง ออกจากระบบ

คุณสามารถทำได้ทั้งหมดใน JavaScript:

IE มี API มาตรฐาน (เป็นเวลานาน) สำหรับล้างแคชการตรวจสอบสิทธิ์พื้นฐาน:

document.execCommand("ClearAuthenticationCache")

ควรกลับมาจริงเมื่อมันทำงาน ส่งคืน false, undefined หรือระเบิดในเบราว์เซอร์อื่น

เบราว์เซอร์ใหม่ (ณ เดือนธันวาคม 2555: Chrome, FireFox, Safari) มีพฤติกรรม "วิเศษ" หากพวกเขาเห็นคำขอรับรองความถูกต้องเบื้องต้นที่ประสบความสำเร็จด้วยชื่อผู้ใช้ปลอมอื่น ๆ (สมมติว่าlogout) พวกเขาล้างแคชข้อมูลประจำตัวและอาจตั้งเป็นชื่อผู้ใช้ปลอมใหม่ซึ่งคุณต้องแน่ใจว่าไม่ใช่ชื่อผู้ใช้ที่ถูกต้องสำหรับการดูเนื้อหา

ตัวอย่างพื้นฐานของนั่นคือ:

var p = window.location.protocol + '//'
// current location must return 200 OK for this GET
window.location = window.location.href.replace(p, p + 'logout:password@')

วิธี "แบบอะซิงโครนัส" ในการทำข้างต้นคือการโทร AJAX โดยใช้logoutชื่อผู้ใช้ ตัวอย่าง:

(function(safeLocation){
    var outcome, u, m = "You should be logged out now.";
    // IE has a simple solution for it - API:
    try { outcome = document.execCommand("ClearAuthenticationCache") }catch(e){}
    // Other browsers need a larger solution - AJAX call with special user name - 'logout'.
    if (!outcome) {
        // Let's create an xmlhttp object
        outcome = (function(x){
            if (x) {
                // the reason we use "random" value for password is 
                // that browsers cache requests. changing
                // password effectively behaves like cache-busing.
                x.open("HEAD", safeLocation || location.href, true, "logout", (new Date()).getTime().toString())
                x.send("")
                // x.abort()
                return 1 // this is **speculative** "We are done." 
            } else {
                return
            }
        })(window.XMLHttpRequest ? new window.XMLHttpRequest() : ( window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : u ))
    }
    if (!outcome) {
        m = "Your browser is too old or too weird to support log out functionality. Close all windows and restart the browser."
    }
    alert(m)
    // return !!outcome
})(/*if present URI does not return 200 OK for GET, set some other 200 OK location here*/)

คุณสามารถทำให้มันเป็น bookmarklet ได้เช่นกัน:

javascript:(function(c){var a,b="You should be logged out now.";try{a=document.execCommand("ClearAuthenticationCache")}catch(d){}a||((a=window.XMLHttpRequest?new window.XMLHttpRequest:window.ActiveXObject?new ActiveXObject("Microsoft.XMLHTTP"):void 0)?(a.open("HEAD",c||location.href,!0,"logout",(new Date).getTime().toString()),a.send(""),a=1):a=void 0);a||(b="Your browser is too old or too weird to support log out functionality. Close all windows and restart the browser.");alert(b)})(/*pass safeLocation here if you need*/);

ฟังก์ชั่นต่อไปนี้ได้รับการยืนยันว่าใช้งานได้กับ Firefox 40, Chrome 44, Opera 31 และ IE 11
Bowserใช้สำหรับการตรวจหาเบราว์เซอร์และยังใช้ jQuery

- secUrl คือ url ไปยังพื้นที่ที่มีการป้องกันด้วยรหัสผ่านที่จะออกจากระบบ
- redirUrl เป็น URL ไปยังพื้นที่ที่ไม่มีการป้องกันด้วยรหัสผ่าน (หน้าความสำเร็จในการออกจากระบบ)
- คุณอาจต้องการเพิ่มตัวจับเวลาการเปลี่ยนเส้นทาง (ปัจจุบัน 200ms)

function logout(secUrl, redirUrl) {
    if (bowser.msie) {
        document.execCommand('ClearAuthenticationCache', 'false');
    } else if (bowser.gecko) {
        $.ajax({
            async: false,
            url: secUrl,
            type: 'GET',
            username: 'logout'
        });
    } else if (bowser.webkit) {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET", secUrl, true);
        xmlhttp.setRequestHeader("Authorization", "Basic logout");
        xmlhttp.send();
    } else {
        alert("Logging out automatically is unsupported for " + bowser.name
            + "\nYou must close the browser to log out.");
    }
    setTimeout(function () {
        window.location.href = redirUrl;
    }, 200);
}

นี่เป็นตัวอย่าง Javascript ที่ง่ายมากโดยใช้ jQuery:

function logout(to_url) {
    var out = window.location.href.replace(/:\/\//, '://log:out@');

    jQuery.get(out).error(function() {
        window.location = to_url;
    });
}

ผู้ใช้ออกจากระบบนี้โดยไม่แสดงช่องลงชื่อเข้าใช้เบราว์เซอร์อีกครั้งจากนั้นเปลี่ยนเส้นทางเขาไปยังหน้าออกจากระบบ

สิ่งนี้ไม่สามารถทำได้โดยตรงกับการพิสูจน์ตัวตนพื้นฐาน

ไม่มีกลไกในข้อกำหนด HTTP สำหรับเซิร์ฟเวอร์เพื่อบอกเบราว์เซอร์ว่าให้หยุดส่งข้อมูลรับรองที่ผู้ใช้นำเสนอไปแล้ว

มี "แฮ็ก" (ดูคำตอบอื่น ๆ ) โดยทั่วไปเกี่ยวข้องกับการใช้ XMLHttpRequest เพื่อส่งคำขอ HTTP ที่มีข้อมูลประจำตัวที่ไม่ถูกต้องเพื่อเขียนทับคำสั่งที่ให้มา

สิ่งนี้ใช้ได้กับ IE / Netscape / Chrome:

      function ClearAuthentication(LogOffPage) 
  {
     var IsInternetExplorer = false;    

     try
     {
         var agt=navigator.userAgent.toLowerCase();
         if (agt.indexOf("msie") != -1) { IsInternetExplorer = true; }
     }
     catch(e)
     {
         IsInternetExplorer = false;    
     };

     if (IsInternetExplorer) 
     {
        // Logoff Internet Explorer
        document.execCommand("ClearAuthenticationCache");
        window.location = LogOffPage;
     }
     else 
     {
        // Logoff every other browsers
    $.ajax({
         username: 'unknown',
         password: 'WrongPassword',
             url: './cgi-bin/PrimoCgi',
         type: 'GET',
         beforeSend: function(xhr)
                 {
            xhr.setRequestHeader("Authorization", "Basic AAAAAAAAAAAAAAAAAAA=");
         },

                 error: function(err)
                 {
                    window.location = LogOffPage;
             }
    });
     }
  }


  $(document).ready(function () 
  {
      $('#Btn1').click(function () 
      {
         // Call Clear Authentication 
         ClearAuthentication("force_logout.html"); 
      });
  });          

จริงๆแล้วมันค่อนข้างง่าย

เพียงไปที่เบราว์เซอร์ของคุณและใช้ข้อมูลประจำตัวที่ไม่ถูกต้อง: http: // ชื่อผู้ใช้: รหัสผ่าน @ yourourdomain.com

ที่ควร "คุณออกจากระบบ"

สิ่งที่คุณต้องมีคือเปลี่ยนเส้นทางผู้ใช้ใน URL ออกจากระบบบางส่วนและส่งคืน401 Unauthorizedข้อผิดพลาด ในหน้าข้อผิดพลาด (ซึ่งจะต้องสามารถเข้าถึงได้โดยไม่ต้องมีการตรวจสอบขั้นพื้นฐาน) คุณจะต้องให้ลิงก์แบบเต็มไปยังหน้าแรกของคุณ (รวมถึงแบบแผนและชื่อโฮสต์) ผู้ใช้จะคลิกที่ลิงค์นี้และเบราว์เซอร์จะขอข้อมูลประจำตัวอีกครั้ง

ตัวอย่างสำหรับ Nginx:

location /logout {
    return 401;
}

error_page 401 /errors/401.html;

location /errors {
    auth_basic off;
    ssi        on;
    ssi_types  text/html;
    alias /home/user/errors;
}

หน้าข้อผิดพลาด/home/user/errors/401.html:

<!DOCTYPE html>
<p>You're not authorised. <a href="<!--# echo var="scheme" -->://<!--# echo var="host" -->/">Login</a>.</p>

function logout() {
  var userAgent = navigator.userAgent.toLowerCase();

  if (userAgent.indexOf("msie") != -1) {
    document.execCommand("ClearAuthenticationCache", false);
  }

  xhr_objectCarte = null;

  if(window.XMLHttpRequest)
    xhr_object = new XMLHttpRequest();
  else if(window.ActiveXObject)
    xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
  else
    alert ("Your browser doesn't support XMLHTTPREQUEST");

  xhr_object.open ('GET', 'http://yourserver.com/rep/index.php', false, 'username', 'password');
  xhr_object.send ("");
  xhr_object = null;

  document.location = 'http://yourserver.com'; 
  return false;
}

 function logout(url){
    var str = url.replace("http://", "http://" + new Date().getTime() + "@");
    var xmlhttp;
    if (window.XMLHttpRequest) xmlhttp=new XMLHttpRequest();
    else xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4) location.reload();
    }
    xmlhttp.open("GET",str,true);
    xmlhttp.setRequestHeader("Authorization","Basic xxxxxxxxxx")
    xmlhttp.send();
    return false;
}

จากสิ่งที่ฉันอ่านข้างต้นฉันได้วิธีง่ายๆที่ทำงานบนเบราว์เซอร์ใด ๆ :

1) ในหน้าล็อกเอาต์ที่คุณเรียกว่า ajax เพื่อเข้าสู่ระบบ back end ปลายด้านหลังเข้าสู่ระบบของคุณจะต้องยอมรับผู้ใช้ออกจากระบบ เมื่อสิ้นสุดด้านหลังยอมรับเบราว์เซอร์ล้างผู้ใช้ปัจจุบันและถือว่าผู้ใช้ "ออกจากระบบ"

$.ajax({
    async: false,
    url: 'http://your_login_backend',
    type: 'GET',
    username: 'logout'
});      

setTimeout(function () {
    window.location.href = 'http://normal_index';
}, 200);

2) ตอนนี้เมื่อผู้ใช้กลับไปที่ไฟล์ดัชนีปกติมันจะพยายามป้อนอัตโนมัติในระบบด้วยผู้ใช้ "ออกจากระบบ" ในครั้งที่สองนี้คุณจะต้องปิดกั้นโดยตอบกลับด้วย 401 เพื่อเรียกใช้กล่องโต้ตอบเข้าสู่ระบบ / รหัสผ่าน

3) มีหลายวิธีในการทำเช่นนั้นฉันสร้างการลงชื่อเข้าใช้สองหลังสิ้นสุดหนึ่งวิธีที่ยอมรับผู้ใช้ออกจากระบบและอีกวิธีหนึ่งที่ไม่ได้ทำ หน้าเข้าสู่ระบบปกติของฉันใช้หน้าเว็บที่ไม่ยอมรับหน้าออกจากระบบของฉันใช้หน้าเว็บที่ยอมรับ

ฉันเพิ่งทดสอบสิ่งต่อไปนี้ใน Chrome (79), Firefox (71) และ Edge (44) และใช้งานได้ดี มันใช้โซลูชันสคริปต์ตามที่คนอื่น ๆ ระบุไว้ข้างต้น

เพียงเพิ่มลิงค์ "ออกจากระบบ" และเมื่อคลิกแล้วให้ส่งคืน html ต่อไปนี้

    <div>You have been logged out. Redirecting to home...</div>    

<script>
    var XHR = new XMLHttpRequest();
    XHR.open("GET", "/Home/MyProtectedPage", true, "no user", "no password");
    XHR.send();

    setTimeout(function () {
        window.location.href = "/";
    }, 3000);
</script>

JavaScript นี้ต้องใช้งานได้กับเบราว์เซอร์เวอร์ชันล่าสุดทั้งหมด:

//Detect Browser
var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
    // Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
    // At least Safari 3+: "[object HTMLElementConstructor]"
var isChrome = !!window.chrome && !isOpera;              // Chrome 1+
var isIE = /*@cc_on!@*/false || !!document.documentMode; // At least IE6
var Host = window.location.host;


//Clear Basic Realm Authentication
if(isIE){
//IE
    document.execCommand("ClearAuthenticationCache");
    window.location = '/';
}
else if(isSafari)
{//Safari. but this works mostly on all browser except chrome
    (function(safeLocation){
        var outcome, u, m = "You should be logged out now.";
        // IE has a simple solution for it - API:
        try { outcome = document.execCommand("ClearAuthenticationCache") }catch(e){}
        // Other browsers need a larger solution - AJAX call with special user name - 'logout'.
        if (!outcome) {
            // Let's create an xmlhttp object
            outcome = (function(x){
                if (x) {
                    // the reason we use "random" value for password is 
                    // that browsers cache requests. changing
                    // password effectively behaves like cache-busing.
                    x.open("HEAD", safeLocation || location.href, true, "logout", (new Date()).getTime().toString())
                    x.send("");
                    // x.abort()
                    return 1 // this is **speculative** "We are done." 
                } else {
                    return
                }
            })(window.XMLHttpRequest ? new window.XMLHttpRequest() : ( window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : u )) 
        }
        if (!outcome) {
            m = "Your browser is too old or too weird to support log out functionality. Close all windows and restart the browser."
        }
        alert(m);
        window.location = '/';
        // return !!outcome
    })(/*if present URI does not return 200 OK for GET, set some other 200 OK location here*/)
}
else{
//Firefox,Chrome
    window.location = 'http://log:out@'+Host+'/';
}

เพิ่มไปยังแอปพลิเคชันของคุณ:

@app.route('/logout')
def logout():
    return ('Logout', 401, {'WWW-Authenticate': 'Basic realm="Login required"'})

พิมพ์chrome://restartในแถบที่อยู่และโครเมี่ยมที่มีแอพทั้งหมดที่ทำงานในพื้นหลังจะเริ่มต้นใหม่และแคชรหัสผ่าน Auth จะถูกล้าง

เพียงแค่สำหรับบันทึกมีใหม่ตอบสนองของ HTTP Clear-Site-Dataส่วนหัวที่เรียกว่า หากการตอบกลับของเซิร์ฟเวอร์ของคุณมีClear-Site-Data: "cookies"ส่วนหัวดังนั้นควรลบข้อมูลรับรองการตรวจสอบสิทธิ์ (ไม่เฉพาะคุกกี้) ฉันทดสอบใน Chrome 77 แต่คำเตือนนี้แสดงบนคอนโซล:

Clear-Site-Data header on 'https://localhost:9443/clear': Cleared data types:
"cookies". Clearing channel IDs and HTTP authentication cache is currently not
supported, as it breaks active network connections.

และข้อมูลรับรองความถูกต้องจะไม่ถูกลบดังนั้นจึงไม่สามารถใช้งานได้ (ในตอนนี้) เพื่อใช้งานการรับรองความถูกต้องเบื้องต้น แต่อาจจะเกิดขึ้นในอนาคต ไม่ได้ทดสอบกับเบราว์เซอร์อื่น

อ้างอิง:

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Clear-Site-Data

https://www.w3.org/TR/clear-site-data/

https://github.com/w3c/webappsec-clear-site-data

https://caniuse.com/#feat=mdn-http_headers_clear-site-data_cookies

การส่งhttps://invalid_login@hostnameทำงานได้ดีทุกที่ยกเว้น Safari บน Mac (เช่นกันไม่ได้ตรวจสอบ Edge แต่ควรทำงานที่นั่นด้วย)

การออกจากระบบไม่ทำงานใน Safari เมื่อผู้ใช้เลือก 'จดจำรหัสผ่าน' ในป๊อปอัปการตรวจสอบสิทธิ์พื้นฐาน HTTP ในกรณีนี้รหัสผ่านจะถูกเก็บไว้ใน Keychain Access (Finder> แอปพลิเคชั่น> ยูทิลิตี้> Keychain Access (หรือ CMD + SPACE และพิมพ์ "Keychain Access")) การส่งhttps://invalid_login@hostnameไม่ส่งผลกระทบต่อการเข้าถึง Keychain ดังนั้นด้วยช่องทำเครื่องหมายนี้จึงไม่สามารถออกจากระบบ Safari บน Mac อย่างน้อยมันเป็นวิธีการทำงานสำหรับฉัน

MacOS Mojave (10.14.6), Safari 12.1.2

รหัสด้านล่างใช้ได้ดีสำหรับฉันใน Firefox (73), Chrome (80) และ Safari (12) เมื่อผู้ใช้นำทางไปยังหน้าออกจากระบบรหัสจะถูกดำเนินการและลดข้อมูลประจำตัว

    //It should return 401, necessary for Safari only
    const logoutUrl = 'https://example.com/logout'; 
    const xmlHttp = new XMLHttpRequest();
    xmlHttp.open('POST', logoutUrl, true, 'logout');
    xmlHttp.send();

นอกจากนี้ด้วยเหตุผลบางอย่าง Safari ไม่บันทึกข้อมูลรับรองในป๊อปอัปการตรวจสอบสิทธิ์พื้นฐาน HTTP แม้ว่าจะมีการเลือก 'จดจำรหัสผ่าน' ก็ตาม เบราว์เซอร์อื่นทำสิ่งนี้อย่างถูกต้อง

• ใช้ ID เซสชัน (คุกกี้)
• ทำให้รหัสเซสชันเป็นโมฆะบนเซิร์ฟเวอร์
• อย่ายอมรับผู้ใช้ที่มี ID เซสชันที่ไม่ถูกต้อง

ฉันอัปเดตโซลูชันของ mthoring สำหรับ Chrome รุ่นใหม่:

function logout(secUrl, redirUrl) {
    if (bowser.msie) {
        document.execCommand('ClearAuthenticationCache', 'false');
    } else if (bowser.gecko) {
        $.ajax({
            async: false,
            url: secUrl,
            type: 'GET',
            username: 'logout'
        });
    } else if (bowser.webkit || bowser.chrome) {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.open(\"GET\", secUrl, true);
        xmlhttp.setRequestHeader(\"Authorization\", \"Basic logout\");\
        xmlhttp.send();
    } else {
// http://stackoverflow.com/questions/5957822/how-to-clear-basic-authentication-details-in-chrome
        redirUrl = url.replace('http://', 'http://' + new Date().getTime() + '@');
    }
    setTimeout(function () {
        window.location.href = redirUrl;
    }, 200);
}

    function logout(secUrl, redirUrl) {
        if (bowser.msie) {
            document.execCommand('ClearAuthenticationCache', 'false');
        } else if (bowser.gecko) {
            $.ajax({
                async: false,
                url: secUrl,
                type: 'GET',
                username: 'logout'
            });
        } else if (bowser.webkit) {
            var xmlhttp = new XMLHttpRequest();
            xmlhttp.open("GET", secUrl, true);
            xmlhttp.setRequestHeader("Authorization", "Basic logout");
            xmlhttp.send();
        } else {
            alert("Logging out automatically is unsupported for " + bowser.name
                + "\nYou must close the browser to log out.");
        }
        setTimeout(function () {
            window.location.href = redirUrl;
        }, 200);
    }
 Run code snippetHide results
Expand snippet

ฉันลองใช้ข้างต้นด้วยวิธีดังต่อไปนี้

?php
    ob_start();
    session_start();
    require_once 'dbconnect.php';

    // if session is not set this will redirect to login page
    if( !isset($_SESSION['user']) ) {
        header("Location: index.php");
        exit;
    }
    // select loggedin users detail
    $res=mysql_query("SELECT * FROM users WHERE userId=".$_SESSION['user']);
    $userRow=mysql_fetch_array($res);
?>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome - <?php echo $userRow['userEmail']; ?></title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css"  />
<link rel="stylesheet" href="style.css" type="text/css" />

    <script src="assets/js/bowser.min.js"></script>
<script>
//function logout(secUrl, redirUrl)
//bowser = require('bowser');
function logout(secUrl, redirUrl) {
alert(redirUrl);
    if (bowser.msie) {
        document.execCommand('ClearAuthenticationCache', 'false');
    } else if (bowser.gecko) {
        $.ajax({
            async: false,
            url: secUrl,
            type: 'GET',
            username: 'logout'
        });
    } else if (bowser.webkit) {
        var xmlhttp = new XMLHttpRequest();
        xmlhttp.open("GET", secUrl, true);
        xmlhttp.setRequestHeader("Authorization", "Basic logout");
        xmlhttp.send();
    } else {
        alert("Logging out automatically is unsupported for " + bowser.name
            + "\nYou must close the browser to log out.");
    }
    window.location.assign(redirUrl);
    /*setTimeout(function () {
        window.location.href = redirUrl;
    }, 200);*/
}


function f1()
    {
       alert("f1 called");
       //form validation that recalls the page showing with supplied inputs.    
    }
</script>
</head>
<body>

    <nav class="navbar navbar-default navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="http://www.codingcage.com">Coding Cage</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="http://www.codingcage.com/2015/01/user-registration-and-login-script-using-php-mysql.html">Back to Article</a></li>
            <li><a href="http://www.codingcage.com/search/label/jQuery">jQuery</a></li>
            <li><a href="http://www.codingcage.com/search/label/PHP">PHP</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">

            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
              <span class="glyphicon glyphicon-user"></span>&nbsp;Hi' <?php echo $userRow['userEmail']; ?>&nbsp;<span class="caret"></span></a>
              <ul class="dropdown-menu">
                <li><a href="logout.php?logout"><span class="glyphicon glyphicon-log-out"></span>&nbsp;Sign Out</a></li>
              </ul>
            </li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav> 

    <div id="wrapper">

    <div class="container">

        <div class="page-header">
        <h3>Coding Cage - Programming Blog</h3>
        </div>

        <div class="row">
        <div class="col-lg-12" id="div_logout">
        <h1 onclick="logout(window.location.href, 'www.espncricinfo.com')">MichaelA1S1! Click here to see log out functionality upon click inside div</h1>
        </div>
        </div>

    </div>

    </div>

    <script src="assets/jquery-1.11.3-jquery.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>


</body>
</html>
<?php ob_end_flush(); ?>

แต่จะเปลี่ยนเส้นทางคุณไปยังตำแหน่งใหม่เท่านั้น ไม่มีการออกจากระบบ