AJAX подгрузка

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • AJAX подгрузка

      <div class="pro" style="height: 70%;width: 10vw;left:0vw;position: absolute;top:3vw;display: inline;">

      <a href="#" onClick="showContent('game.php?page=trader')">Обмен ресурсов</a>
      <a href="#" onClick="showContent('game.php?page=chat')">тут другая и так по аналогии </a>
      </div>



      <!--//-->
      <div id="content">
      <!-- CONTENT -->
      </div>
      <!--//-->
      <div id="loading" style="display: none">
      Идет загрузка...
      </div>

      <script>
      function showContent(link) {
      var cont = document.getElementById('content');
      var loading = document.getElementById('loading');
      cont.innerHTML = loading.innerHTML;
      var http = createRequestObject();
      if( http )
      { http.open('get', link);
      http.onreadystatechange = function ()
      { if(http.readyState == 4)
      { cont.innerHTML = http.responseText; } }
      http.send(null); }
      else
      { document.location = link; } }
      // ajax объект
      function createRequestObject()
      { try { return new XMLHttpRequest() }
      catch(e)
      { try { return new ActiveXObject('Msxml2.XMLHTTP') }
      catch(e)
      { try { return new ActiveXObject('Microsoft.XMLHTTP') }
      catch(e) { return null; } } } }
      </script>

      <script>
      showContent('game.php?page=depot') // страница по умолчанию
      </script>

      The post was edited 3 times, last by Shandow ().

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