Блог

что у меня есть: заголовок страницы обновляется динамически при получении новых данных из вызова ajax; если вкладка с этой страницей посещена — для заголовка устанавливается значение по умолчанию; если я открываю вторую вкладку с этой страницей, для заголовка этой вкладки устанавливается значение по умолчанию (я должен это исправить)

что мне нужно: заголовок страницы должен быть одинаковым для всех вкладок с этой страницей. я имею в виду, что заголовок страницы должен обновляться синхронно для всех вкладок.

Моя текущая реализация:

 var prevData;
var newRequestsCounter = 0
var getRequests = function(){
          $.ajax({
              async: true,
              type: "GET",
              url: "/get_requests/",
              success: function(data){
                  // retrieve and parse data. i skip this part
                  // newRequestsCounter is updating here
                  var visible = vis();
                  if (visible){
                      newRequestsCounter = 0
                      document.title = 'Default title'
                  } else {
                     if (newRequestsCounter == 0) {
                         document.title = 'Default title'
                     } else {
                         document.title =  'Dynamic title'
                     }
                  }

                  setTimeout(getRequests, 2000)
              }
          });
};
  

Я пытался с intercom.js , но это не работает должным образом. По какой-то причине intercom.on каждый раз получает разные данные. Например: первый вызов — заголовок по умолчанию, второй вызов — динамический заголовок. Я проверил с помощью debug, неправильные данные поступают после выполнения этой строки setTimeout(getRequests, 2000).

 var intercom = Intercom.getInstance();

intercom.on('notice', function(data) {
    document.title = data.title;
});
var prevData;
var newRequestsCounter = 0
var getRequests = function(){
          $.ajax({
              async: true,
              type: "GET",
              url: "/get_requests/",
              success: function(data){
                  // retrieve and parse data. i skip this part
                  // newRequestsCounter is updating here
                  var visible = vis();
                  if (visible){
                      newRequestsCounter = 0
                      intercom.emit('notice', {title: 'Default title'});
                  } else {
                     if (newRequestsCounter == 0) {
                         intercom.emit('notice', {title: 'Default title'});
                     } else {
                         intercom.emit('notice', {title: 'Dynamic title'});
                     }
                  }

                  setTimeout(getRequests, 2000)
              }
          });
};
  

В общем, я не совсем понимаю, возможно ли достичь требуемой функциональности в рамках одного обратного вызова ajax. Я попробовал следующий код. В этом случае переменная «counter» из localStorage увеличивается каждый раз, когда я открываю новую вкладку. Это означает, что если я ожидаю «3» в заголовке для двух вкладок, я получаю «6» с двумя вкладками вместо этого.

 var intercom = Intercom.getInstance();

intercom.on('notice', function(data) {
    document.title = data.title;
});

if (localStorage.getItem("counter") === null){
    localStorage.setItem("counter", 0);
}
var getRequests = function(){
          $.ajax({
              async: true,
              type: "GET",
              url: "/get_requests/",
              success: function(data){
                  // skip part with retrieving and parsing data

                        var counter = localStorage.getItem("counter")
                        localStorage.setItem("counter",   counter);
                  var visible = vis(); 
                  if (visible){
                      localStorage.setItem("counter", 0);
                      intercom.emit('notice', {title: 'Default'});
                  } else {
                     if (localStorage.getItem("counter") == 0 || localStorage.getItem("counter") === null) {
                         intercom.emit('notice', {title: 'Default'});
                     } else {
                         intercom.emit('notice', {title: '('   localStorage.getItem("counter")   ') requests'});
                     }
                  }
                  setTimeout(getRequests, 2000)
              }
          });
};
getRequests();
  

Часть, которую я не понимаю в вашем коде, заключается в том, что вы открываете новую вкладку браузера. Но, если это где-то происходит, и вы хотите установить заголовок этой новой вкладки в качестве ее открытия, вы можете сделать это:

 var newTab = window.open('/page')
newTab.title = 'New Title';
  

вы используете какой-то длительный опрос? Возможно, вы можете синхронизировать эти вызовы опроса со временем браузера. например, опрашивать каждый раз, когда секунды времени браузера являются четными числами. затем каждая вкладка должна одновременно отправлять свой запрос и получать (почти) одновременно ответ на обновление заголовка