jQuery & load

ricky4852 · Napísal **ricky4852**: 17.07.2014 9:57

Zdravím,
chcel by som sa opýtať otázku ohľadne funkcie load, chcem ju použiť trochu efektívnejšie a hlavne úspornejšie, preto som vymyslel niečo takéto:
index.html

Kód:

<script>
   $(".content").load("ajax.php #ajaxLoad2");
</script>

ajax.php

Kód:

<div id="ajaxLoad1">
   <?php 
   ..........................................
   ?>
</div>
<div id="ajaxLoad2">
   <?php 
   ..........................................
   ?>
</div>

Všetko funguje normálne, ale ide mi len o to, či php kód z prvého divu sa vykoná, lebo potrebujem aby nespomaľoval požiadavku. Ďakujem

hatto13 · Napísal **hatto13**: 17.07.2014 10:23

nic tym neusetris - lebo na poziadavku fonkcie load ti server vrati vygenerovany html kod stranky ajax.php a az jquery v browseri ti 'vytrhne' to co chces
ked si pozres vo firebugu tak to tam vidis

ricky4852 · Napísal autor témy **ricky4852**: 17.07.2014 10:28

Aha, ďakujem, budem to asi musieť urobiť pomocou GET

// Spojený príspevok Štv 17.07.14 15:32

Mám ešte jednu otázku, keď mám v index.html nejakú funkciu, neviem ju zavolať z loadnutej stránky ajax.php, ale tá sa loaduje pomocou widgetu tabs. Dá sa zavolať nejak inak, ako okrem ďalšieho načítania všetkých skriptov do ajax.php ?

Kód:

   $("#tabs").tabs({
      cache: false,
      beforeLoad: function( event, ui ) {

      }, 
      load: function( event, ui ) {

      },
      beforeActivate: function( event, ui ) {

      }
   });

Skúšam tú funkciu pchať do týchto funkcií, ale zo žiadnej mi ju nevie ajax.php zavolať...

shaggy · Napísal **shaggy**: 17.07.2014 20:37

Čo takto nám ukázať celý kód?

ricky4852 · Napísal autor témy **ricky4852**: 17.07.2014 22:37

Už som to vyriešil, stačilo funkciu dať mimo jQuery (neviem prečo...)

hatto13 · Napísal **hatto13**: 17.07.2014 23:09

mozno prave preto ze nevies preco, by si to mohol dat sem a niekto by ti to vysvetlil

ricky4852 · Napísal autor témy **ricky4852**: 18.07.2014 1:12

Tak v podstate som mal v index.html niečo takéto:

index.html

Kód:

<script>
   $(document).ready(function() { 
      $("#tabs").tabs({ 
         cache: false,
         beforeLoad: function( event, ui ) { 
            ui.jqXHR.error(function() { 
               ui.panel.html("Couldn't load this page. Please, try again later.");
            });
         }
      });
      
      function ajaxContent() { 
         alert('test');
      }
      
   });
</script>

<div id="tabs">
   <ul>
      <li><a href="ajax.php">...</a></li>
      <li><a href="...">...</a></li>
      <li><a href="...">...</a></li>
   </ul>
</div>

ajax.php

Kód:

<script>
   ajaxContent();
</script>

Alert mi to neukazovalo, až kým som skript neupravil takto:

Kód:

<script>
   $(document).ready(function() { 
      $("#tabs").tabs({ 
         cache: false,
         beforeLoad: function( event, ui ) { 
            ui.jqXHR.error(function() { 
               ui.panel.html("Couldn't load this page. Please, try again later.");
            });
         }
      });
   });

   function ajaxContent() { 
      alert('test');
   }
</script>

Proste som vybral funkciu von z jQuery :-)

hatto13 · Napísal **hatto13**: 18.07.2014 10:42

je to preto lebo si priamo z javascriptu volal funkciu ktora je vo vnutri jquery a vztahuje sa na jquery objekt.

inak taka poznamka - neviem co to je za stranku, preto to ber len ako vseobecnu radu - nie je velmi 'pekne' ze v kazdom php subore si vkladas do hlavicky/tela js podla potreby, lepsie by si mal vytvoris jeden subor(v urcitych pripadoch viac) napr script.js, ktory by bol includnuty v celej webke a robil by vsetko.
a teda ani nikde v tele by si nemal nieco ako <script>ajaxContent();</script>, js by bolo oddelene od html/php - vsetko by to bolo priamo v tom script.js. je to prehladnejsie a lepsie pre udrzbu kodu a nemal by si tento problem ako si pisal s tym volanim funkcie. ohladom narocnosti ti povedat neviem, zalezi od projektu, ale nemyslim ze by tam boli nejake vyrazne rozdiely ci uz pozitivne alebo negativne ale to by mozno vedel niekto iny povedat lepsie.

jQuery & load

Podobné témy