Ajax - Wat is het? Asynchronous JavaScript and XML: voor- en nadelen

Nu kunt u kijken op het internet aan populariteit wint het gebruik en de toepassing van nieuwe technologieën. Een van hen - is AJAX. Wat is het? Welke functies heeft het? Waar aanvragen? Al deze vragen worden vond het antwoord in dit artikel.

algemene informatie

Hoe staat AJAX? Wat betekent het? Deze vermindering is een acroniem. Het staat voor Asynchronous JavaScript en XML ( "Asynchronous JavaScript en IKSML"). Vaak kun je zien of de informatie die deze nieuwe technologie te horen. Maar dit is niet waar. Het feit dat Javascript en XML, zijn er al een behoorlijk lange tijd, terwijl de "Ajax" is een synthese van deze technologieën. Meestal wordt het gebruikt in combinatie met de term Web 2.0 en wordt verstaan het gebruik van geavanceerde ontwerptechnieken.

En welke functie?

Dus, we hebben al een algemeen idee van wat is AJAX. Wat het geeft ons in de praktijk? Waarom wordt actief praten over de toepassing ervan? De bijzonderheid van deze technologie - is dat wanneer je het gebruikt hoeft niet de hele pagina op de eerste vraag te vernieuwen. Immers, kunt u nieuwe gegevens slechts voor een deel ervan te vragen. Dit is handig (want hoe minder tijd je hebt om te wachten), en de kosten (voor degenen die niet onbeperkt internet). Echter, om de gebruiker over wat er gebeurt upgrade wenselijk is om ten minste een belasting indicator of sms-berichten die informeren over nieuwe gegevens van de server te gebruiken op de hoogte. Zoals minnen technologie wordt vaak verwezen naar het feit dat het niet erfenis en tekst browsers. En de mogelijkheid om Javascript technologie in- of uitgeschakeld is op de gebruiker dan veel en genoten. Daarom moet u geen misbruik AJAX. Dat het kan, zo niet de alternatieve methodes voor het verstrekken van informatie te verstrekken? In het beste geval, de informatie gewoon niet worden weergegeven op de site. In het slechtste geval - het uiterlijk is zo aangetast dat de gebruiker niet langer om terug te keren.

Voordelen van de "Ajax"

Deze technologie biedt twee manieren waarop een webpagina kan worden gerealiseerd. De eerste betreft het aanbrengen van wijzigingen zonder opnieuw opstarten. Dit kan worden bereikt met dynamische verzoeken aan de server. De tweede betreft het gebruik van specifieke technologieën, de meest populaire daarvan is de XMLHttpRequest. Relatief eigen voordelen, "Ajax" kan het volgende zeggen:

1. U kunt een handige web-based applicatie, welke interface een heel aantal leuke features voor de gebruiker zal hebben, met als gevolg dat de menselijke interactie en de website te vergemakkelijken.
2. In plaats van een volledige pagina herladen een gedeeltelijke. Dit bespaart resources en optimaliseert de prestaties van de machine.
3. De server deel van de site is een actieve interactie met de gebruiker.
4. Nuttig voor de uitvoering van een aantal ideeën.

Communiceren

Hier, bijvoorbeeld, hebben behoefte aan een feedback formulier, dat kan worden gebruikt om klanten te adviseren. Hoe het kan worden gedaan? Eerst moeten we zorgen voor de "carrier" van informatie. Om dit te doen, moet u een XMLHttpRequest object te maken. Hij fungeert als tussenpersoon tussen de server en de browser van de gebruiker. Bij dit object wordt aanvragen te doen en antwoorden ontvangen om hen. Voor de directe uitwisseling van gegevens, die we nodig hebben AJAX PHP. Deze tools kunnen worden geïmplementeerd met behulp get-of POST-queries. In dit geval zal de nodige argumenten rechtstreeks worden doorgegeven via de URL. Tegelijkertijd zal zij de functie te voeren, en om ervoor te zorgen dat de gegevensoverdracht niet wordt onderbroken. Maar hoe AJAX-verzoek uit te voeren? Raden het gebruik van POST. Dankzij hem, kunt u een onbeperkte hoeveelheid gegevens, die bovendien is het veel moeilijker om toegang te dragen.

werkingsprincipe

Hoe zijn de Asynchronous JavaScript en XML in de praktijk? Laten we begrijpen dit met een voorbeeld. Gebouwd met betrekking tot de structuur die u nodig heeft om ervoor te zorgen dat de cliënt deel biedt alle benodigde functionaliteit voor veilige gegevensuitwisseling. Het moet de nodige methoden voor het verzenden van informatie geselecteerde manieren te bieden. De server gedeelte moet ervoor zorgen dat de verwerking van de gegevens, en op basis van hen al, om nieuwe informatie om vervolgens doorgeven aan de klant te genereren. De meest voorkomende vorm van interactie is om te werken met de database. We hebben eerder vermeld is een element van veel bedrijventerreinen als een vorm van feedback. Het voordeel van "Ajax" in dit geval is dat geldt asynchrone gegevensoverdracht. Met andere woorden, terwijl de informatie wordt verzonden, kan de gebruiker alle noodzakelijke maatregelen om hem uit te voeren. Focussen op de bijzonderheden van elke zaak, moet u beslissen of u dit proces om de bezoeker van de site op de hoogte. Ten opzichte van dezelfde feedback formulier moet gezegd worden dat in dit geval kunnen we schrijven "operator belt het antwoord", of iets dergelijks.

server response

Hij kan niet alleen komen voor XML, als je zou denken vanwege de naam van de technologie. Daarnaast kan het als platte tekst of JSON worden verzonden. In het eerste geval kan de informatie onmiddellijk worden weergegeven op de pagina. Bij gebruik van XML, moet u zorgen dat AJAX-bestand te nemen op de juiste wijze verwerkt in de client browser. Alle gegevens in dit geval wordt omgezet in (X) HTML. Bij het gebruik van JSON-formaat, moet u de code om de volledige object Javascript krijgen uit te voeren. Het is noodzakelijk om voorzichtig te zijn en rekening te houden met het feit dat veel hackers willen kwaadaardige code te zenden door middel van deze technologie. Daarom moet worden voorzien in de controlegegevens voordat zij worden verwerkt. Kenmerken van realisatie voor verschillende browsers kan enigszins afwijken, maar in het algemeen, de actie is hier één regeling.

We maken een verzoek naar de server en een responsverwerking

De gehele sequentie van acties is als volgt:

1. In eerste instantie moet u te maken en ervoor te zorgen dat er XMLHttpRequest.
2. Dan initialiseert verbinding met de server.
3. Stuur het verzoek om het.
4. We wachten op gegevens die komen, en verwerken ze.

Het moet u vertellen over een aantal van de functies op de oprichting van het object. Het kan op elke plaats waar het mogelijk is alleen in het kader van de programmeertaal worden gestart. Maar als hij de status van een wereldwijde, in een willekeurig punt in de tijd gegeven voor dat het mogelijk is om te werken met slechts één aanvraag. Op dit punt, moet je goed opletten. Met betrekking tot de behandeling - hier richten we ons op het gekozen instrument. Dus, als de XML-gegevens te verwerken DOM-functies en presenteren de gebruiker het eindresultaat in HTML. En wat te doen met JSON-rated? Het moet duidelijk zijn dat het de Object Notation Javascript. Wat betekent het? Due JSON een voorwerp kan worden voorgesteld als een tekenreeks. Maar het moet niet vergeten dat deze methode niet veilig is om de volledige, en een heleboel factoren moeten worden overwogen. Maar over het algemeen is het zeer gemakkelijk.

Server-side programmeertalen

Bijna elke web-based applicatie gebruikt ze op de een of andere manier. Voor de overdracht van gegevens is de meest populaire PHP. Op het meestal schrijven van bestanden voor sites, waar is niet kritisch data overdracht snelheid, en de gewenste balans tussen haar en betrouwbaarheid. XMLHttpRequest transmissietechnieken hierboven besproken.

configureren server

Welke programma's zijn nodig om volledig te bedienen AJAX? Wat heeft dit ons? Wat zijn ze voor? Om antwoorden op deze vragen te krijgen, moet je jezelf vertrouwd te maken met de volgende lijst:

1. HTML / XHTML. Ze zijn nodig voor de server om de pagina-indeling te herkennen.
2. CSS. Deze tool is noodzakelijk voor de visuele selectie van pagina-ontwerp.
3. DOM. Het is nodig om de dynamische veranderingen op een pagina als een reactie op de actie van de gebruiker te garanderen.
4. XML. Is nodig voor de overdracht van gegevens tussen de client en de server.
5. JavaScript. We moeten een cursor "Ajax" creëren en interactiviteit.
6. XMLHttpRequest. Object via welke vragen zullen worden doorgestuurd naar de server.

Het gebruik van de site

Dus nu hebben we zowel de theoretische kennis en ideeën over hoe de AJAX. Het verzenden van data is nu nog maar vereist een zekere praktijk. Laten we eens kijken in het algemeen, hoe de uitvoering van de opdracht met behulp van de "Ajax" te benaderen. Dus moeten we een driver database te creëren. En zij zullen apparaten die kunnen worden bediend verschillen. Opgemerkt dient te worden dat de bovenstaande database is erg groot, dus ik stuur het naar de klant en het te bieden om een selectie met behulp van JavaScript heeft geen zin te maken heeft. Het is ook wenselijk om zelf een webpagina wordt opnieuw geladen als gevolg van een enkele parameter. Op de server-verzoeken te verwerken speciale PHP-scripts. De database is geïmplementeerd als een XML-bestand.

over de database

Het is noodzakelijk om uit te werken zijn structuur. En wat als de doorgegeven parameters, die de objecten? In een dergelijk geval is het noodzakelijk te voorzien in de totstandbrenging van een variabele, waarbij geen koppeling naar de gespreksnotificatie van de functie zijn. In staat zijn om toegang te krijgen vanaf elke locatie is het noodzakelijk om een wereldwijde code te maken. Voor het gemak is het wenselijk om een te gebruiken database management systeem. Natuurlijk, dit is niet nodig. Maar nog steeds gebruik maken van de database om meer comfortabel en effectief te werken met de gegevens.

We werken aan de motor

Hoe heeft alles zal gebeuren? Zo komt er een bepaalde gebeurtenis, die een speciale functie zal veroorzaken. Ze zal een GET of POST-gegevens die worden verzonden voor te bereiden. Het roept vervolgens de functie, die een beroep op de URL van de server script zal maken. Het is noodzakelijk om de creatie van XMLHttpRequest-object te overwegen. Een verwijzing hiernaar moet worden opgeslagen in een variabele. Nadat de gegevens naar de server is verzonden, moet u wachten op een antwoord van hem. Om dit te doen, kunt u op "aftappen" om informatie te verkrijgen (indien bekend, zou komen en wanneer) of naar een functie die altijd klaar om gegevens te ontvangen zullen worden uitgewisseld. De eerste uitvoeringsvorm minder betrouwbaar bij een uitzonderlijke situatie. De tweede realisatie - duurder in termen van middelen. Hoewel, als het alleen wordt gedaan met betrekking tot één variabele, het heeft geen invloed op het snelle internet. Maar als er honderden en duizenden, en zij zullen een hoge resolutie hebben, - dan zal het een andere zaak zijn. Het is daarom noodzakelijk om een evenwicht te vinden tussen het gebruik van de beschikbare middelen en de effectiviteit te zoeken. Tenslotte zal het duidelijk zijn dat het geheugen 16 GB niet allemaal. Dit kan een zekere wachttijd waarna gesubstitueerd vorige gegevens of informatie die de server niet momenteel beschikbaar stellen.

kenmerken

Bij gebruik van de "Ajax" wordt gecreëerd door de interface voor de pagina of applicatie, moet u ervoor zorgen dat het resultaat goed werkt op verschillende besturingssystemen, en op verschillende browsers. In het eerste geval staat zal zijn om waardevolle emulators bijstand te verlenen. In het tweede geval zal het genoeg om een verscheidenheid aan programma's te installeren en ze testen van de functionaliteit van de code. Het is ook noodzakelijk om te voorzien in bepaalde acties en, in het geval dat de browser van de gebruiker verouderd zal worden gebruikt of het zal uitschakelen van de benodigde instellingen. In dergelijke gevallen moet ervoor worden gezorgd voor de terugtrekking van de tekst op de pagina, met vermelding van de reden waarom het bekijken site in dit geval niet mogelijk is. Ja, nu de overgrote meerderheid van de mensen met behulp van moderne technologie, maar niet helemaal laten gaan van de aandacht naar de waarschijnlijkheid en het feit dat een paar procent van de bezoekers een aantal verouderde software zal gebruiken. En in het bedrijfsleven schaal kan aanzienlijke gevolgen hebben.

conclusie

Dat komt uit op een logische eind van dit artikel. Als we over "Ajax" praten over het geheel genomen, deze tool kunt u een zeer aantrekkelijke en feature-rijke websites die werken te creëren snel en met de bevoegde lay-out te leveren aan de gebruikers een genoegen. Er is geen twijfel dat er nog meer geavanceerde technologieën in de toekomst, maar voor nu zullen we gebruik maken van wat we hebben. Aangezien de verbetering van programmeertalen en technieken is heel goed mogelijk, en dit is een optie die beschikbaar zal zijn, de methoden die zullen nog meer kwalitatief hoogwaardig product te creëren. Maar zijn dat ook zij, de werkzaamheden die nodig zijn nu is dat. En deze naam - "Ajax".