Ajax - vad är det? Asynchronous JavaScript and XML: fördelar och nackdelar

Nu kan du titta på Internet ökar i popularitet användning och tillämpning av ny teknik. En av dem - är AJAX. Vad är det? Vilka funktioner har den? Vart ska ansökan? Alla dessa frågor kommer att finnas svaret i den här artikeln.

allmän information

Hur står AJAX? Vad betyder det? Denna minskning är en akronym. Den står för Asynchronous JavaScript and XML ( "Asynchronous Javascript och IKSML"). Ofta kan du se eller höra den information som den nya tekniken. Men detta är inte sant. Det faktum att Javascript och XML, finns det redan en ganska lång tid, medan "Ajax" är en syntes av dessa tekniker. Oftast används tillsammans med begreppet Web 2.0 och förstås som användningen av avancerade designtekniker.

Och vad funktionen?

Så vi har redan en allmän uppfattning om vad som är AJAX. Vad det ger oss i praktiken? Varför är aktivt prata om sin ansökan? Det särskilda med denna teknik - är att när du använder den inte behöver uppdatera hela sidan vid första begäran. När allt kommer omkring kan du begära nya data endast för en del av det. Detta är praktiskt (eftersom mindre tid du har att vänta) och kostnad (för dem som inte är obegränsade internet). Men för att informera användaren om vad som händer uppgraderingen är önskvärt att använda åtminstone en belastningsindikator eller textmeddelanden som informerar om nya data från servern. Som minus teknik kallas ofta det faktum att det inte stöder äldre och text webbläsare. Och förmågan att inaktivera Javascript tekniken sker på användarens än många och åtnjöt. Därför bör du inte missbruka AJAX. Att det kan ge, om inte att tillhandahålla alternativa metoder för att ge information? I bästa fall är informationen bara kommer inte att visas på webbplatsen. I värsta - dess utseende är så påverkade att användaren inte längre har att återvända.

Fördelar med "Ajax"

Denna teknik erbjuder två metoder med vilka en webbsida kan realiseras. Den första handlar om att göra ändringar utan omstart. Detta kan åstadkommas med dynamiska förfrågningar till servern. Den andra innebär användning av viss teknik, den mest populära av dessa är XMLHttpRequest. Relativt egna fördelar, "Ajax" kan säga följande:

1. Du kan skapa en bekväm webbaserad applikation, vilket gränssnitt kommer att ha ett helt antal trevliga funktioner för användaren, vilket leder till att underlätta mänsklig interaktion och webbplats.
2. I stället för en hel sida ladda en partiell. Detta sparar resurser och optimerar maskinens prestanda.
3. Servern del av webbplatsen är aktivt interagerar med användaren.
4. Användbart för att genomföra ett antal idéer.

kommunicera

Här, till exempel, behöver en responsblanketten, som kan användas för att råda kunderna. Hur det kan göras? Först måste vi ta hand om "bärare" av information. För att göra detta måste du skapa ett XMLHttpRequest objekt. Han fungerar som en mellanhand mellan servern och användarens webbläsare. Med detta syfte kommer att skicka förfrågningar och få svar på dem. För direkt datautbyte, behöver vi AJAX PHP. Dessa verktyg kan implementeras med hjälp av get eller post-frågor. I detta fall kommer de nödvändiga argumenten föras direkt genom webbadressen. Samtidigt kommer det att köra funktionen, och för att säkerställa att dataöverföringen inte avbryts. Men hur man genomför AJAX-förfrågan? Rekommenderar att använda POST. Tack vare honom, kan du överföra ett obegränsat antal uppgifter, som för övrigt är mycket svårare att komma åt.

Principen för drift

Hur är Asynchronous Javascript och XML i praktiken? Låt oss förstå detta med ett exempel. Byggd med avseende på strukturen måste du se till att klientdelen ger all nödvändig funktionalitet för säker dataöverföring. Det bör ge de metoder som krävs för att överföra information utvalda vägar. Serverdelen bör se till att behandlingen av data och, som redan bygger på dem, för att generera ny information att därefter vidarebefordra den till kunden. Den vanligaste typen av interaktion är att arbeta med databasen. Vi har tidigare nämnt är en del av många företags webbplatser som en form av återkoppling. Fördelen med "Ajax" i detta fall är att det håller överföringen asynkron data. Med andra ord, medan informationen skickas kan användaren utföra alla nödvändiga åtgärder för att honom. Med fokus på detaljerna i varje enskilt fall, måste du bestämma om du vill att denna process för att informera besökaren på webbplatsen. I förhållande till samma responsblanketten ska sägas att vi i det här fallet kan skriva "operatör slår svaret", eller något liknande.

serversvar

Han kan komma, inte bara för XML, som man kan tro på grund av namnet på tekniken. Dessutom kan den sändas i klartext eller JSON. I det första fallet kan informationen omedelbart visas på sidan. Om du använder XML, måste du ta hand om det AJAX-filen har rätt behandlas i klientwebbläsaren. Alla uppgifter i detta fall omvandlas till (X) HTML. När du använder JSON-format, måste du utföra koden för att få full objektet Java. Det är nödvändigt att vara försiktiga och att ta hänsyn till det faktum att många hackare vilja överföra skadlig kod med hjälp av denna teknik. Det är därför nödvändigt att sörja för dataverifieringsprocessen innan de behandlas. Dragen av insikt för olika webbläsare kan vara något annorlunda, men i allmänhet, är åtgärden här ett system.

Vi gör en förfrågan till servern och ett svar bearbetning

Hela sekvensen av åtgärder är följande:

1. Inledningsvis måste du skapa och se till att det finns XMLHttpRequest.
2. Därefter initierar serveranslutning.
3. Skicka ansökan till den.
4. Vi väntar på data för att komma och bearbeta dem.

Det borde berätta om några av funktionerna på skapandet av objektet. Det kan initieras på en plats där det är möjligt endast inom ramen för programspråket. Men om han fick status som en global, i någon tidpunkt för att det ska vara möjligt att arbeta med en enda förfrågan. Vid det här laget, måste du ägna stor uppmärksamhet. När det gäller behandling - här fokuserar vi på det valda instrumentet. Så, om de XML-data som skall bearbetas DOM-funktioner och presentera användaren har slutresultatet i HTML. Och vad man ska göra med JSON-rated? Det bör förstås att det är föremål notation Java. Vad betyder det? Grund JSON ett objekt kan representeras som en sträng. Men man måste komma ihåg att denna metod inte är säkert att fullt ut, och en hel del faktorer måste beaktas. Men i allmänhet är det mycket lätt.

Serversidan programmeringsspråk

Nästan alla webbaserade program använder dem på ett eller annat sätt. För dataöverföring är det mest populära PHP. På det brukar skriva filer för webbplatser, där är inte kritisk dataöverföringshastigheten, och den föredragna balansen mellan henne och tillförlitlighet. XMLHttpRequest överföringstekniker som diskuterats ovan.

Konfigurera server

Vilka program behövs för att fungera fullt ut AJAX? Vad ger detta oss? Vilka är de för? För att få svar på dessa frågor, bör du bekanta dig med följande lista:

1. HTML / XHTML. De behövs för servern att känna igen sidlayout.
2. CSS. Detta verktyg är nödvändigt för visuell urval på sidan design.
3. DOM. Det är nödvändigt för att säkerställa de dynamiska förändringar på en sida som ett svar på de åtgärder av användaren.
4. XML. Krävs för dataöverföring mellan klienten och servern.
5. JavaScript. Vi måste skapa en markör "Ajax" och ger interaktivitet.
6. XMLHttpRequest. Object genom vilken förfrågningar kommer att vidarebefordras till servern.

Använda webbplatsen

Så nu har vi både teoretiska kunskaper och idéer om hur AJAX. Skicka data är nu bara kräver en viss praxis. Låt oss titta i allmänhet, hur man skall närma genomförandet av uppgiften med "Ajax". Så måste vi skapa en databas förare. Och de kommer att skilja enheter som kan drivas. Det bör noteras att ovanstående databasen är mycket stor, så jag bara skicka den till kunden och den har att erbjuda för att göra ett val med hjälp av JavaScript inte vettigt. Det är också önskvärt att äga en webbsida laddas om på grund av en enda parameter. På servern förfrågningar kommer att hantera speciella PHP-skript. Databasen genomförs som en XML-fil.

om databasen

Det är nödvändigt att räkna ut sin struktur. Och vad händer om de passerade parametrar, som är föremål? I ett sådant fall är det nödvändigt att sörja för att skapa en variabel, där det kommer att finnas någon koppling till den samtals händelsen från funktionen. För att kunna komma åt den från var som helst är det nödvändigt att göra en global kod. För enkelhetens skull är det önskvärt att använda ett databassystem. Naturligtvis är detta inte nödvändigt. Men ändå tillåta användning av databasen för att arbeta mer bekvämt och effektivt med data.

Vi arbetar med motordrift

Hur gjorde allt som kommer att hända? Så det kommer en viss händelse, som kommer att orsaka en speciell funktion. Hon kommer att utarbeta ett GET eller POST-data som ska skickas. Det anropar sedan funktionen, vilket gör en vädjan till webbadressen till servern skriptet. Det är nödvändigt att räkna med skapandet av XMLHttpRequest-objekt. En referens till det bör lagras i en variabel. Efter att data har skickats till servern, måste du vänta på ett svar från honom. För att göra detta, kan du aktivera "avlyssning" för att få information (om den är känd, skulle komma och när) eller för att tillhandahålla en funktion som alltid kommer att vara redo att ta emot data. Den första utföringsformen är mindre tillförlitlig i händelse av en extraordinär situation. Den andra insikten - dyrare i termer av resurser. Även om det görs endast med avseende på en variabel, det påverkar inte den snabba Internet. Men om det finns hundratals och tusentals, och de kommer att ha en hög upplösning - då blir det en annan sak. Det är därför nödvändigt att söka en balans mellan användningen av tillgängliga resurser och effektivitet. När allt kommer omkring, är det underförstått att inte alla har minnet till 16 GB. Detta kan ställa in en viss väntetid efter vilken ersatte den tidigare data eller information som servern inte tillgänglig just nu.

funktioner

Vid användning av "Ajax" är skapad av gränssnittet för sidan eller program måste du se till att resultatet fungerar bra på olika operativsystem, och på olika webbläsare. I det första fallet kommer att kunna ge värdefulla emulatorer bistånd. I det andra fallet blir det nog bara att installera en mängd olika program och de testa funktionaliteten av koden. Det är också nödvändigt att föreskriva vissa åtgärder och, om användarens webbläsare kommer att användas inaktuell eller kommer det att stänga de nödvändiga inställningarna. I sådana fall bör man för tillbakadragandet av texten på sidan, med angivande av anledningen till visningsstället i detta fall är det inte möjligt. Ja, nu den stora majoriteten av människor som använder modern teknik, men inte helt släppa uppmärksamheten på sannolikhet och det faktum att ett fåtal procent av besökarna kommer att använda en del föråldrad programvara. Och i verksamheten skala kan det få betydande konsekvenser.

slutsats

Som kommer till ett logiskt slutet av denna artikel. Om vi talar om "Ajax" på det hela taget gör detta verktyg kan du skapa en mycket attraktiv och funktionsrika webbplatser som arbetar snabbt och med kompetent layout leverera till sina användare ett nöje. Det råder ingen tvekan om att det kommer att bli ännu mer avancerad teknik i framtiden, men just nu kommer vi att använda det vi har. Som en förbättring av programmeringsspråk och tekniker är fullt möjligt, och det är ett alternativ som kommer att finnas tillgängliga, de metoder som kommer att skapa ännu mer högkvalitativ produkt. Men var som helst, det arbete som krävs nu är. Och detta namn - "Ajax".