All geek questions in one place

Permanent connection to the server when navigating a website

We are the youngest starter release of a unique chat product next week. Our chat is currently based on Jabber (using Openfire as our Jabber server) via BOSH (using Punjab), with jQuery for our client scripts.

Currently, our most important problem with the current setup is related to site navigation, when navigating between pages on our websites, the BOSH connection is lost until the new page is loaded and the BOSH connection is authenticated. Because of this problem, we have to set a very large timeout (about 1 minute) before leaving the system that left our site without being discharged.

We know about navigation solutions based on javascript bindings, but to implement this, many changes in the layout of our site, CSS and JS scripts will be required, and our site structure is very complex.

Is there any other solution? I was thinking about frame-based navigation, when the page will contain 2 frames - one is hidden and contains a BOSH connection, and one contains the content of the real page. The problem with this solution is that it affects users' perceptions, and the URL in the location bar will always contain the URL of the page containing the frames.

Is there any solution to our problem that does not require a complete rewrite of the site structure / markup?

Thanks in advance!

+3
source share
3

, , . - ajax , , , facebook, , id, . , , ajax-, , sed. (href= " href=" javascript: urlhandler ( ) , , . . cookie , , D/C .

+1

? , . , JS (: Last Modified). . minifiers. , : CDN. Amazon CloudFront : , .

+1

jquery (http://www.mikage.to/jquery/jquery_history.html), ajax, .

- ():

page1.htm:

<html>
<head><title>Page 1</title></head>
<body>
     <div id="content">
         <a href="/page2.htm">Load Page 2</a>
     </div>
    <div id="chat"></div>
</body>
<script>
    $(function(){
        function loadPage(hash){
            if($.browser.msie) {
         hash = encodeURIComponent(hash);
        }
            $.ajax({
                "url":hash,
                "success":function(response){
                     var newPage = $(response);
                     document.title=newPage.find("title").html();
                     $("#content").html(newPage.find("#content").html());
                 }
            });
            return false;
        }
        $.historyInit(loadPage);
        $("a").live("click",function(){
            $.historyload(this.href);
        });
    });
</script>
</html>

page2.htm:

<html>
<head><title>Page 2</title></head>
<body>
     <div id="content">
         <a href="/page1.htm">Load Page 1</a>
     </div>
    <div id="chat"></div>
</body>
<script>
    $(function(){
        function loadPage(hash){
            if($.browser.msie) {
         hash = encodeURIComponent(hash);
        }
            $.ajax({
                "url":hash,
                "success":function(response){
                     // this is just an example and not too efficient.
                     var newPage = $(response);
                     document.title=newPage.find("title").html();
                     $("#content").html(newPage.find("#content").html());
                 }
            });
            return false;
        }
        $.historyInit(loadPage);
        $("a").live("click",function(){
            $.historyload(this.href);
        });
    });
</script>
</html>

If you want to outsource my work, I will be happy to help.: O)

0
source

Source: https://habr.com/ru/post/1722978/

More articles:


All Articles