Cách chuyển hướng người dùng đến trang khác?

Question

Tôi cần thực hiện để chuyển hướng người dùng đến một trang khác, theo ngôn ngữ của trình duyệt. Ví dụ: nếu ngôn ngữ của trình duyệt english chuyển hướng đến site.com/en/.

tôi cố gắng làm như thế này:

$(document).ready(function() { 
    var userLang = navigator.language || navigator.userLanguage; 

    switch (userLang) { 
     case 'en': 
      window.location.href = window.location.origin + '/en'; 
      break; 
     case 'de': 
      window.location.href = window.location.origin + '/de'; 
      break; 
     default: 
      break; 
    } 
}); 

công trình này nhưng trang web được liên tục nạp lại. Làm thế nào để giải quyết nó hoặc nhắc một giải pháp khác?

Answer 1

Trang được tải lại liên tục khi bạn không kiểm tra xem người dùng đã ở đúng trang ngôn ngữ chưa.

Trên các trang của bạn, bạn có thể lưu trữ biến javascript cho ngôn ngữ trang được tạo phía máy chủ. Ví dụ:

var thisLanguage = 'en'; 

Sau đó thay đổi logic javascript của bạn để thực hiện việc này vào tài khoản và chỉ áp dụng chuyển hướng nếu ngôn ngữ của người dùng là khác nhau để thisLanguage:

$(document).ready(function() { 
    var userLang = navigator.language || navigator.userLanguage; 

    if (userLang != thisLanguage){ 

     switch (userLang) { 
      case 'en': 
       window.location.href = window.location.origin + '/en'; 
       break; 
      case 'de': 
       window.location.href = window.location.origin + '/de'; 
       break; 
      default: 
       break; 
     } 

    } 
}); 

Answer 2

Tôi nghĩ bạn nên phát hiện ngôn ngữ bằng cách đọc từ URL, vì bạn muốn chuyển hướng người dùng đến URL thích hợp:

$(document).ready(function() { 

    var languageSuffix = window.location.pathname; 
    if(languageSuffix !== '/') { 
     return; 
    } 

    var userLang = navigator.language || navigator.userLanguage; 

    switch (languageSuffix) { 
     case '/en': 
      window.location.href = window.location.origin + '/en'; 
      break; 
     case '/de': 
      window.location.href = window.location.origin + '/de'; 
      break; 
     default: 
      break; 
    } 
}); 

Answer 3

Chúng tôi có thể kiểm tra xem url có giống với url hiện tại như sau:

$(document).ready(function() { 
    var userLang = navigator.language || navigator.userLanguage; 
    var urlToRedirect = ''; 

    switch (userLang) { 
     case 'en': 
      urlToRedirect = window.location.origin + '/en'; 
      break; 
     case 'de': 
      urlToRedirect = window.location.origin + '/de'; 
      break; 
     default: 
      break; 
    } 
    if(urlToRedirect!=='' && urlToRedirect!==window.location.href){ 
     window.location.href = urlToRedirect; 
    } 
}); 

Answer 4

Hãy thử một cái gì đó như dưới đây:

$(document).ready(function() { 
    var url = $(location).attr('href'); 
    var userLang = navigator.language || navigator.userLanguage; 

    if(url.indexOf("/en") == -1 && userLang == 'en') { 
     window.location.href = window.location.origin + '/en'; 
    } else if (url.indexOf("/de") == -1 && userLang == 'de'){ 
     window.location.href = window.location.origin + '/de'; 
    } else { 
     // Do nothing 
    } 
});