Stiri » ajax » google » jquery » script » TUTORIAL » Cum se incarci paginile sitului partial, cu jQuery
![]() |
Ajax & jQuery |
Voi explica pas cu pas, pentru o mai buna intelegere:
- se dau doua pagini web ale ACELUIASI sit, pagina1.html si respectiv pagina2.html
- pagina1.html contine un link catre a doua pagina, pagina2.html
- ambele pagini contin un DIV sau orice alt element (span, table etc) cu ID-ul ajax-jquery (vezi codul), ce contine, de exemplu, 111111 in prima pagina si 222222 in cea de-a doua
- Adaugati scriptul jquery (gazduit de Google, pentru a salva banda, sau de jquery.com) si codul de mai jos in head-ul paginilor si....
- de fiecare data cand veti page click pe link-ul catre pagina2.html (de pe pagina1.html), in DIV-ul ajax-jquery se va incarca continutul aceluiasi DIV de pe pagina2.html - mai exact, in locul lui 111111 va aparea 222222 fara a se fi incarcat toata pagina
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js?ver=1.8.0" type="text/javascript"></script>
<script charset="utf-8" type="text/javascript">
jQuery(document).ready(function(){
jQuery('#menu-linkuri a').live('click', function(e){
e.preventDefault();
var link = jQuery(this).attr('href');
jQuery('#ajax-jquery').html('');
jQuery('#ajax-jquery').load(link+' #ajax-jquery');
});
});
</script>
Alte Stiri
-
📰 Una dintre cele mai faimoase lucrări științifice realizate de Sir Isaac Newton în urmă cu sute de ani a reieșit la lumină după ce doi istori...
-
📰 Michael Hannahan este profesor de Științe Politice la University of Massachusetts Amherst. Fost consultant politic și manager de campanii e...
-
📰 PROCEDURĂ… Finanțele Publice județene desfășoară o amplă campanie de informare a contribuabililor cu privire la măsurile fiscale a căror apl...
-
📰 Este a 11-a zi a anului 2021. Au mai rămas 354 de zile până la sfârşitul anului. Soarele răsare la 07 h 50 m şi apune la 16 h 57 m. Luna răs...
-
📰 Camera Reprezentanţilor a Congresului Statelor Unite va trebui să se pronunţe luni sau marţi asupra unei rezoluţii solicitând-i vicepreşedin...
0 comentarii:
Trimiteți un comentariu
Va rugam nu faceti spam.