2010-06-05 15 views
8

Non ho idea delle funzioni di programmazione AJAX. So solo che è asincrono Javascript e XML. Per favore aiutami a conoscere questa lingua. Ho passato molti tutorial AJAX. Ma nessuno dei programmi è in esecuzione. Perché non lo so. Salviamo il file con estensione .HTML?Come facciamo la programmazione AJAX

+0

Penso che sia necessario iniziare imparando la programmazione web di base. –

+0

Ajax è confuso per i principianti. Non esattamente come il tuo codice HTML/CSS quotidiano. – ggfan

+4

Se hai già problemi con altri tutorial, le risposte che riceverai per questo tipo generale di domande probabilmente non ti aiuteranno molto. Faresti meglio a postare parte del tuo codice da un tutorial che hai già provato e chiedendo aiuto in questo modo. Quindi le persone avrebbero maggiori possibilità di rispondere in modo pertinente. – VirtuosiMedia

risposta

0

Solo per aggiungere che AJAX viene utilizzato raramente nella sua forma pura con XMLHttpRequest. Lo utilizzerai spesso come parte delle librerie UI AJAX che ti semplificano la vita. Se provi dal mondo Java, tale libreria AJAX è Richfaces.

1

Una volta acquisite le conoscenze di base di W3school, suggerisco di utilizzare un framework. Di solito gli sviluppatori non usano affatto XMLHttpRequest. Invece, i framework javascript come ExtJS, jQuery e altri framework rendono il tuo lavoro semplice. Ti suggerisco di imparare anche un po 'di javascript. controlla jQuery.

+0

Bene, tecnicamente usi ancora XMLHttpRequest nel momento in cui usi una libreria, solo che non devi chiamarla esplicitamente! ;) – nico

+0

sì .. gli sviluppatori non devono preoccuparsene. devi solo chiamare i metodi ($ .ajax() o $ .getJson()) ma internamente i framework useranno make XMLHttpRequest di sicuro. –

3

A parte le risposte corrette che gli altri ti hanno dato, a giudicare dalla tua domanda, penso che prima devi conoscere il codice lato client e lato server.

Salviamo il file con estensione .HTML?

Sì e no. Avrai un frontend HTML, che ad esempio contiene un pulsante. Questo sarà interpretato dal browser del client (= utente). In effetti può essere reso in modo diverso a seconda del browser/OS/ecc.

Ora, si collega un po 'di codice Javascript a questo pulsante. Questo viene eseguito anche sul browser del client e crea un oggetto XMLHttpRequest direttamente o tramite l'uso di una libreria (JQuery & Co.). Si noti che una libreria è non necessaria per eseguire una richiesta AJAX. Ti renderà la vita più facile se fai molte chiamate AJAX, ma non è essenziale.

Ed ecco dove avviene la magia: l'oggetto XMLHttpRequest chiamerà in modo asincrono (cioè .: senza ricaricare la pagina) una pagina sul lato server. Questo può essere un file PHP, ASP, Perl ecc. Ecc. Che fa qualcosa sul server, ad esempio esegue una query su un database. Questa parte dell'operazione è assolutamente indipendente dal cliente. L'utente può chiudere il browser prima che il codice lato server finisca di caricare e il server non lo saprà.

Una volta che il codice lato server ha terminato l'esecuzione, restituisce al client alcuni dati di risposta (ad esempio un pezzo di XML, JSON, HTML o qualsiasi altra cosa). Infine, il client esegue (o meno) qualche altro codice Javascript in risposta a questo, ad esempio per scrivere sullo schermo, ancora senza ricaricare la pagina, qualcosa in base a ciò che il server ha restituito.

0

Invece di preoccuparti di come fare AJAX, usa qualcosa che ti permetta di dimenticartene. Strutture come NOLOH eseguono automaticamente AJAX (e Comet) senza che tu debba fare nulla. Concentrati sulla tua applicazione e sulla logica aziendale e fa il resto.

In realtà, tutto viene eseguito tramite AJAX, se disponibile, automaticamente. Nessun lavoro da parte tua. Se non vuoi dedicare molto tempo alla ricerca, dai un'occhiata a questo breve video che è stato presentato alla Confoo PHP Conference lo scorso marzo http://www.youtube.com/phpframework#p/u/11/cdD9hSuq7aw.

Per tutti quelli preoccupati, beh, se è tutto AJAX, che dire dei motori di ricerca? Non c'è bisogno di preoccuparsi, http://dev.noloh.com/#/articles/Search-Engine-Friendly/.

Quindi, invece di doversi preoccupare di tutte queste diverse tecnologie, o della relazione client-server, puoi sederti, programmare e far funzionare il tuo sito Web/WebApp in pochissimo tempo.

Si può leggere su NOLOH è la storia di copertina di questo mese della rivista php | architect, http://www.phparch.com/magazine/2010/may/.

Divertiti.

Disclaimer: Sono un co-fondatore di NOLOH.

1

Forse posso aiutarti a capire AJAX chiarendo un po 'i concetti.

Per favore aiutatemi a conoscere questa lingua.

AJAX non è un linguaggio, è un modo di utilizzare le tecniche esistenti per migliorare l'esperienza utente di un sito web. La lingua è Javascript nel browser ma puoi usare qualsiasi tecnica lato server che ti trovi a tuo agio (ASP.NET, Java, PHP, Ruby ecc.)

Salviamo il file con estensione .HTML?

Bene, questo non è proprio il punto. Quello che devi capire qui è che c'è un server e un browser che interagiscono tra loro. Sì, puoi utilizzare file HTML statici per le tue pagine (e salvarli come file .html), ma avrai bisogno di un server per rispondere alle richieste del browser. Questo potrebbe essere il motivo per cui il codice di esempio non funziona; devi configurare un server che funzioni con le tue pagine.

L'idea alla base di AJAX è di migliorare l'esperienza dell'utente non ricaricando l'intera pagina quando un utente interagisce con esso. Richiedi i dati necessari e aggiorna la pagina utilizzando Javascript per aggiornare l'HTML. Questa viene chiamata richiesta fuori banda o asincrona.

So solo che si tratta di Asynchronous JavaScript and XML.

Questo è ciò che l'acronimo rappresenta, ma non copre abbastanza a cosa serve la tecnica, né è più preciso. All'inizio XML è stato utilizzato per trasferire i dati dal server al client. Le persone hanno scoperto che XML non è così facile da usare in Javascript, quindi ora è più comune usare JSON. JSON è uno snippet di javascript che può essere valutato nel browser. Lo snippet crea oggetti javascript che rappresentano i dati. Se usi una libreria Javascript, come altri hanno suggerito qui, non dovrai preoccuparti di molti dettagli.

Prima di entrare in AJAX è necessario assicurarsi di aver compreso:

  • HTML e CSS
  • Javascript
  • come modificare HTML con Javascript
  • come un browser richiede informazioni da un server
  • come gestire le richieste sul server

Se non ti senti a tuo agio con tutti questi concetti, segui le pagine web "regolari" e cerca di migliorare le tue conoscenze passo dopo passo.

+0

Perché non si vota? Questa risposta potrebbe non essere una risposta diretta alla domanda, ma fornisce comunque informazioni molto utili riguardo ai parametri della domanda stessa. In realtà mi ha aiutato un bel po '. – zeboidlund

0

È facile. Ajax ottiene i dati dal lato server per l'esecuzione lato client. Dobbiamo usare XMLHttpRequest per ottenere il risultato.

Problemi correlati