Utilizzo di Luna

Luna è un FRAMEWORK in Italiano per sviluppare in AJAX.
Ajax è un acronimo e significa "Asynchronous JavaScript and XML", ovvero tecnologia che consente il caricamento asincrono dei dati.

I punti da chiarire sono:

  • Cosa si intende per asincrono
  • Dove vanno caricati i dati asincroni

Quando si visita una pagina web come

www.lunajs.com, il browser (Internet Explorer, Mozilla Firefox, Safari , ecc..) effettua una chiamata al server che ospita www.lunajs.com e il server risponde con una pagina in html che verrà interpretata dal browser e sul monitor compariranno scritte, immagini ecc.., quando clicchiamo su un link della pagina visualizzata il procedimento si ripete.

Questo è ciò che si intende come "Caricamento Sincrono", ovvero tutti i dati vengono caricati in una volta sola (quando viene richiesta la pagina).

Luna sfrutta un principio diverso: cliccando su un link, luna carica solo una parte di dati (es: solo il menù o la barra di navigazione) e va a sostituire una parte del documento con i dati che ha caricato senza eseguire un nuovo caricamento della pagina.

Fino qui nulla di innovativo, già da qualche anno si cominciano a vedere queste tecnologie un po' da per tutto (gmail, live.com, ebay ), luna è particolare e si distingue dagli altri Framework perchè possiamo decidere dove e quali dati caricare pilotando tutto dal PHP, linguaggio lato server ormai diffusissimo nella rete.

Come funziona Luna:

Per utilizzare Luna è necessario scaricare liberamente il file global.luna.php, ci servirà per creare file sia sincroni che asincroni, caricarlo sul vostro server ed iniziare a lavorare.

Primi Passi:

Create un file tipo luna.php con all'interno degli elementi come <div> o <span> che abbiano l'attributo "id" settato in maniera univoca (non dovete creare due elementi con lo stesso valore di "id"), poi create un file tipo asincrono.php programmatelo in modo che qualunque sia il link che lo carica, vada a scrivere dentro un div identificato dal vostro "id" con il codice html a vostro piacimento.

pagina principale

<?php
include("global.luna.php");
?>
<head>
<title>Pagina principale</title>
<?php lunajs(); ?>
</head>
<body>

<a href="javascript:luna('asincrono.php')">Carica i dati</a>

<div id="risposta"></div>
</body>

asincrono.php


Apri il sommario e prendi visione delle caratteristiche di Luna