Úvod do Ajaxu v ASP.NET

AJAX v ASP.NET je znám jako asynchronní JavaScript a XML. Je to všechno o aktualizaci funkcí webové stránky, aniž by se načítala pokaždé, když webovou stránku otevřeme. Jedná se o techniku ​​používanou k vytváření velmi rychlých a dynamických webových stránek.

Ajax v ASP.NET se používá hlavně tehdy, když má uživatel dynamický obsah a po provedení změn musí být znovu načten několikrát. Tato technologie také urychluje dobu odezvy stránky. Má také uživatelsky přívětivé rozhraní a interaktivní webové stránky.

Práce Ajaxu v ASP.NET

AJAX je pokročilá verze statických stránek, které byly používány po dlouhou dobu. AJAX je navržen pro dynamickou povahu a uživatelsky přívětivé prostředí. AJAX v ASP.NET funguje jako níže uvedené body.

  • Objekt XMLHTTPRequest je vytvořen z prohlížeče a odeslán na stranu serveru.
  • Server zpracuje požadavek odeslaný prohlížečem a odešle data zpět do prohlížeče s požadovanými podrobnostmi.
  • Prohlížeč bude zpracovávat data a aktualizovat obsah na stránce.
  • Po aktualizaci obsahu může uživatel zobrazit data na obrazovce.

Předpokládejme, že máte portál pro zadávání údajů o zaměstnancích a do databáze musíte přidat nového zaměstnance. Ve výše uvedeném vývojovém diagramu vidíme, že klient vytvoří požadavek XMLHTTP s požadovanými daty na server. Zde se podrobnosti o zaměstnanci začnou přidáním jména a příjmení zaměstnance.

Na webové stránce, kterou uživatel již vidí, je nutné do databáze přidat několik údajů o zaměstnancích. Ukáže několik návrhů jmen přítomných v názvu odpovídajícímu klíčovému slovu. Server poté pošle požadovaná data zpět klientovi. Pokud zaměstnanec v databázi nebude přidán, bude vytvořen nový záznam s jeho údaji.

Nyní klient zpracuje data odeslaná serverem a doba odezvy je ve srovnání s jinými používanými technologiemi rychlejší. Nyní jsou podrobnosti o zaměstnancích úspěšně přidány do databáze, takže pokud je nutné vidět nedávno přidané podrobnosti, může uživatel jednoduše zadat jméno zaměstnance a jedinečné ID a načíst výsledky na obrazovce. Uživatelské rozhraní je zde velmi interaktivní a doba odezvy je také kratší.

Příklady Ajax v ASP.NET

Zde je několik příkladů Ajaxu v ASP.NET, které jsou vysvětleny níže:

Příklad č. 1

V tomto příkladu je tlačítko vytvořeno, ale akce nebude provedena, když klikneme na tlačítko.

Kód:



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

Výstup:

Příklad č. 2

V tomto příkladu kliknutím na tlačítko, které potřebujete přesměrovat na jinou stránku, vidíme, jak můžeme podniknout kroky.

Kód:

Uvidíme, co uživatel píše.


function textfunction () (
var obj = document.getElementById ("textbox"). value;
document.getElementById ("text"). internalHTML = "Písmena, která píšete:" + obj;
)

Výstup:

Příklad č. 3

V tomto příkladu si probereme, jak provést funkci zatížení v ajaxu.

Kód:



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;
)

Výstup:

Příklad č. 4

Po kliknutí na tlačítko se obsah asp souboru vytiskne na obrazovku. K získání informací existují dvě metody, tj. Metoda GET a POST.

Kód:



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();
)

Výstup:

Vlastnosti Ajaxu v ASP.NET

Níže jsou uvedeny některé důležité funkce AJAX v ASP.NET .

  • Uživatelsky přívětivý: Jedná se o jednu z hlavních funkcí Ajaxu, kde uživatelské rozhraní webové stránky je pro uživatele tak flexibilní a pohodlné, aby musel stránku používat, protože musí vyplnit všechny požadované údaje.
  • Webová stránka rychleji: Tato funkce v AJAX je primární, protože byla vytvořena pro stejnou funkci. Tato funkce umožňuje webové stránce vytvořit požadavek a dobu odezvy serveru během několika sekund. Tyto funkce také zrychlují načítání webové stránky než obvykle. Nemusíme znovu načíst celou stránku po celou dobu, pouze pokud je změněna, musí se znovu načíst konkrétní část.
  • Technologie nezávislá na serveru: AJAX v asp.net lze použít bez ohledu na jakýkoli programovací jazyk, jako je JavaScript, PHP atd. Mnoho jazyků podporuje AJAX a jeho vlastnosti a funkce.
  • Výkon: Používá se hlavně pro výkon a rychlost webové stránky. Čas potřebný k vytvoření požadavku XMLHTTP na získání zpětné datové odpovědi ze serveru je při používání AJAX rychlý. Jeden z hlavních faktorů se tedy používá pro výkonnostní bázi na webové stránce.
  • Podporované prohlížeče: AJAX se používá především, protože podporuje téměř všechny prohlížeče používané na trhu. Kromě konceptu, který vytváří objekt XMLHTTP, bude zpracování stejné pro všechny webové prohlížeče, protože jazyk JavaScript se používá ve většině webových aplikací.
  • Interaktivní aplikace : Používání ajaxu je velmi snadné pro vývojáře nebo programátora k vytvoření interaktivnějších a uživatelsky přívětivějších webových aplikací. Jak víme v dnešním světě, všechno je obousměrný proces, do kterého musíte dát a získat data, takže je užitečné v obousměrném procesu, kdy klient může komunikovat se serverem a načíst i zapsat. data.

Závěr

V tomto článku jsme diskutovali funkce AJAX v asp.net a jak to funguje v aplikacích ASP.Net. Také jsme diskutovali několik příkladů použití AJAX a jeho charakteristik. Je to jedna z nejužitečnějších a nejvýkonnějších technologií pro moderní prostředí. Používá se na sociálních sítích, jako je Facebook, Twitter atd.

Doporučené články

Toto je průvodce Ajaxem v ASP.NET. Zde diskutujeme práci, vlastnosti Ajaxu v ASP.NET spolu s příklady a implementací kódu. Další informace naleznete také v následujících článcích -

  1. jQuery Ajax metody
  2. JSON vs AJAX
  3. Co je Ajax?
  4. AJAX Interview Otázky

Kategorie:

Vývoj softwaru