Uvod v Ajax v ASP.NET

AJAX v ASP.NET je znan kot Asinhroni JavaScript in XML. Gre za posodabljanje funkcij spletne strani, ne da bi jo naložili vsakič, ko odpremo spletno stran. To je tehnika, ki se uporablja za ustvarjanje zelo hitrih in dinamičnih spletnih strani.

Ajax v ASP.NET se večinoma uporablja, kadar ima uporabnik dinamično vsebino in ga je treba po spremembah večkrat naložiti. Ta tehnologija prav tako pospeši odzivni čas strani. Ima tudi uporabniku prijazen vmesnik in interaktivne spletne strani.

Delo Ajaxa v ASP.NET

AJAX je napredna različica statičnih strani, ki so bile dolgo uporabljene. AJAX je narejen za dinamično naravo in uporabniku prijazno okolje. AJAX v ASP.NET deluje kot spodaj navedene točke.

  • Objekt XMLHTTPRequest je ustvarjen iz brskalnika in poslan na strani strežnika.
  • Strežnik bo obdelal zahtevo, ki jo je poslal brskalnik, podatke pa bo poslal nazaj v brskalnik z zahtevano podrobnostjo.
  • Brskalnik bo obdelal podatke in posodobil vsebino na strani.
  • Ko je vsebina posodobljena, si lahko uporabnik ogleda podatke na zaslonu.

Predpostavimo, da imate portal za vnos podatkov o zaposlenem in morate v bazo dodati novega zaposlenega. V zgornjem diagramu poteka vidimo, da odjemalec ustvari XMLHTTP zahtevo z zahtevanimi podatki strežniku. Tu se bodo podrobnosti o zaposlenem začele z dodajanjem imena in priimka zaposlenega.

Na spletni strani, ki jo uporabnik vidi že nekaj podrobnosti o zaposlenem, je treba dodati v bazo podatkov. Prikazalo se bo nekaj predlogov imen, ki so v imenu, ki ustreza ključni besedi. Strežnik nato stranki pošlje zahtevane podatke nazaj. Če zaposleni v bazi podatkov ni dodan, se ustvari nov vnos z njegovimi podatki.

Zdaj bo odjemalec obdelal podatke, ki jih je poslal strežnik in odzivni čas je hitrejši v primerjavi z drugimi uporabljenimi tehnologijami. Zdaj so podatki o zaposlenem uspešno dodani v bazo podatkov, tako da, če je treba zadnje podatke dodati, uporabnik lahko preprosto vnese ime zaposlenega in edinstven id, da rezultate prikaže na zaslonu. Tu je uporabniški vmesnik zelo interaktiven, odzivni čas tudi manj.

Primeri Ajaxa v ASP.NET

Tu je nekaj primerov Ajaxa v ASP.NET, ki so pojasnjeni spodaj:

Primer # 1

V tem primeru je gumb ustvarjen, vendar dejanje ne bomo izvedli, ko kliknemo na gumb.

Koda:



Example of AJAX
Let's take examples on buttons
Click on this button



Example of AJAX
Let's take examples on buttons
Click on this button



Example of AJAX
Let's take examples on buttons
Click on this button



Example of AJAX
Let's take examples on buttons
Click on this button



Example of AJAX
Let's take examples on buttons
Click on this button

Izhod:

Primer # 2

V tem primeru s klikom na gumb, ki ga morate preusmeriti na kakšno drugo stran, vidimo, kako lahko ukrepamo.

Koda:

Poglejmo, kaj uporabnik vtipka.


funkcijska besedilna funkcija () (
var obj = document.getElementById ("textbox") vrednost;
document.getElementById ("besedilo"). innerHTML = "Črke, ki jih vnašate:" + obj;
)

Izhod:

Primer # 3

V tem primeru bomo razpravljali, kako izvajati funkcijo obremenitve v ajaxu.

Koda:



AJAX EXAMPLE ON LOAD
Click on this button

function load(url, copy_function) (
var xhttp;
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange = function() (
if (this.readyState == 4 && this.status == 200) (
copy_function(this);
)
);
xmlhttp.open("GET", url, true);
xmlhttp.send();
)
function loadfunction(xmlhttp) (
document.getElementById("Demonstration").innerHTML =
xmlhttp.responseText;
)



AJAX EXAMPLE ON LOAD
Click on this button

function load(url, copy_function) (
var xhttp;
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange = function() (
if (this.readyState == 4 && this.status == 200) (
copy_function(this);
)
);
xmlhttp.open("GET", url, true);
xmlhttp.send();
)
function loadfunction(xmlhttp) (
document.getElementById("Demonstration").innerHTML =
xmlhttp.responseText;
)



AJAX EXAMPLE ON LOAD
Click on this button

function load(url, copy_function) (
var xhttp;
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange = function() (
if (this.readyState == 4 && this.status == 200) (
copy_function(this);
)
);
xmlhttp.open("GET", url, true);
xmlhttp.send();
)
function loadfunction(xmlhttp) (
document.getElementById("Demonstration").innerHTML =
xmlhttp.responseText;
)

Izhod:

Primer št. 4

Po kliku na gumb se bo na zaslonu natisnila vsebina datoteke asp. Obstajata dve metodi za pridobivanje informacij, tj. Metoda GET in POST.

Koda:



AJAX EXAMPLE ON LOAD
This example is for POST method
Click on this button

function loadPOST() (
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() (
if (this.readyState == 4 && this.status == 200) (
document.getElementById("Demonstration").innerHTML = this.responseText;
)
);
xmlhttp.open("POST", “ajax_load_POST.asp”, true);
xmlhttp.send();
)



AJAX EXAMPLE ON LOAD
This example is for POST method
Click on this button

function loadPOST() (
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() (
if (this.readyState == 4 && this.status == 200) (
document.getElementById("Demonstration").innerHTML = this.responseText;
)
);
xmlhttp.open("POST", “ajax_load_POST.asp”, true);
xmlhttp.send();
)



AJAX EXAMPLE ON LOAD
This example is for POST method
Click on this button

function loadPOST() (
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() (
if (this.readyState == 4 && this.status == 200) (
document.getElementById("Demonstration").innerHTML = this.responseText;
)
);
xmlhttp.open("POST", “ajax_load_POST.asp”, true);
xmlhttp.send();
)



AJAX EXAMPLE ON LOAD
This example is for POST method
Click on this button

function loadPOST() (
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() (
if (this.readyState == 4 && this.status == 200) (
document.getElementById("Demonstration").innerHTML = this.responseText;
)
);
xmlhttp.open("POST", “ajax_load_POST.asp”, true);
xmlhttp.send();
)



AJAX EXAMPLE ON LOAD
This example is for POST method
Click on this button

function loadPOST() (
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() (
if (this.readyState == 4 && this.status == 200) (
document.getElementById("Demonstration").innerHTML = this.responseText;
)
);
xmlhttp.open("POST", “ajax_load_POST.asp”, true);
xmlhttp.send();
)

Izhod:

Značilnosti Ajaxa v ASP.NET-u

Spodaj naštetih je nekaj pomembnih lastnosti AJAX v ASP.NET .

  • Uporabniku prijazen: To je ena glavnih značilnosti Ajaxa, kjer je uporabniški vmesnik spletne strani tako prilagodljiv in udoben, da lahko uporabnik uporablja stran, saj mora izpolniti vse potrebne podatke.
  • Hitrejša spletna stran: Ta funkcija v AJAX je glavna, saj je bila zgrajena za isto. Ta funkcija omogoča, da spletna stran ustvari zahtevo in odzivni čas strežnika v nekaj sekundah. Te funkcije tudi naredijo nalaganje spletnih strani hitrejše od običajnih. Ni treba, da ves čas znova nalagamo celotno stran, le določen del je treba naložiti, če je bil spremenjen.
  • Neodvisna od strežnika tehnologija: AJAX v asp.net se lahko uporablja ne glede na kateri koli programski jezik, kot so JavaScript, PHP itd. Veliko jezikov podpira AJAX in njegove značilnosti in lastnosti.
  • Zmogljivost: Uporablja se predvsem za njegovo delovanje in hitrost spletne strani. Čas od nastanka zahteve za XMLHTTP do vračila podatkovnega odziva s strežnika je hiter, medtem ko uporabljate AJAX. Tako je eden glavnih dejavnikov uporabljen za uspešnost na spletni strani.
  • Podporni brskalniki: AJAX se uporablja predvsem zato, ker podpira skoraj vse brskalnike, ki se uporabljajo na trgu. Razen koncepta, ki ustvarja objekt XMLHTTP, bo obdelava enaka za vse spletne brskalnike, saj se jezik JavaScript uporablja v večini spletnih aplikacij.
  • Interaktivne aplikacije : Uporaba ajaxa je razvijalcu ali programerju zelo enostavna za ustvarjanje bolj interaktivnih in uporabnikom prijaznih spletnih aplikacij. Kot vemo v današnjem svetu, je vse dvosmerni postopek, kamor morate vnesti in pridobiti podatke, zato je v pomoč pri dvosmernem postopku, kjer lahko odjemalec s strežnikom komunicira tako, da pride, kot tudi napiše podatki.

Sklep

V tem članku smo razpravljali o značilnostih AJAX na asp.net in kako deluje v aplikacijah ASP.Net. Prav tako smo obravnavali nekaj primerov, kjer se uporablja AJAX in njegove značilnosti. Je ena najbolj uporabnih in najmočnejših tehnologij za sodobno okolje. Zelo se uporablja na spletnih straneh družbenih medijev, kot so Facebook, Twitter itd.

Priporočeni članki

To je vodnik za Ajax v ASP.NET. Tukaj razpravljamo o delu, značilnostih Ajaxa v ASP.NET skupaj s primeri in implementacijo kode. Če želite izvedeti več, si oglejte tudi naslednje članke -

  1. jQuery Ajax metode
  2. JSON proti AJAX
  3. Kaj je zdravilo Ajax?
  4. Vprašanja za intervju AJAX

Kategorija:

Razvoj programske opreme