Introducere în Ajax în ASP.NET

AJAX în ASP.NET este cunoscut sub numele de JavaScript asincron și XML. Este vorba despre actualizarea funcțiilor unei pagini web, fără a o încărca de fiecare dată când deschidem pagina web. Este o tehnică folosită pentru a crea pagini web foarte rapide și dinamice.

Ajax în ASP.NET este utilizat mai ales atunci când utilizatorul are conținut dinamic și trebuie reîncărcat de mai multe ori după ce au fost efectuate modificările. Această tehnologie accelerează, de asemenea, timpul de răspuns al paginii. De asemenea, are o interfață ușor de utilizat și pagini web interactive.

Funcționarea Ajax în ASP.NET

AJAX este versiunea avansată a paginilor statice utilizate timp îndelungat. AJAX este creat pentru o natură dinamică și un mediu ușor de utilizat. AJAX în ASP.NET funcționează ca punctele enumerate mai jos.

  • Obiectul XMLHTTPRequest este creat din browser și trimis către server.
  • Serverul va procesa solicitarea trimisă de browser și va trimite datele înapoi browserului cu detaliile solicitate.
  • Browserul va prelucra datele și va actualiza conținutul din pagină.
  • Odată ce conținutul este actualizat, utilizatorul poate vizualiza datele pe ecran.

Presupunem că aveți un portal de introducere a datelor angajaților și că trebuie să adăugați un nou angajat în baza de date. În organigrama de mai sus, putem vedea că clientul creează o solicitare XMLHTTP cu datele solicitate către server. Aici, datele despre angajat vor începe prin adăugarea prenumelui și prenumelui angajatului.

Pe pagina web pe care utilizatorul vede deja câteva detalii despre angajați trebuie să fie adăugate în baza de date. Va afișa câteva sugestii ale numelor prezente în numele care se potrivesc cu cuvântul cheie. Serverul trimite apoi datele solicitate înapoi clientului. Dacă angajatul din baza de date nu este adăugat, atunci se va crea o nouă intrare cu detaliile sale.

Acum, clientul va procesa datele trimise de server, iar timpul de răspuns este mai rapid în comparație cu alte tehnologii utilizate. Acum detaliile angajatului sunt adăugate cu succes în baza de date, deci, dacă detaliile adăugate recent trebuie văzute, utilizatorul poate introduce pur și simplu numele angajatului și ID-ul unic pentru a obține rezultatele pe ecran. Aici interfața cu utilizatorul este foarte interactivă, iar timpul de răspuns este și mai mic.

Exemple de Ajax în ASP.NET

Iată câteva exemple de Ajax în ASP.NET care sunt explicate mai jos:

Exemplul # 1

În acest exemplu, butonul este creat, dar acțiunea nu va fi efectuată atunci când facem clic pe buton.

Cod:



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

ieşire:

Exemplul # 2

În acest exemplu, făcând clic pe butonul pe care trebuie să îl redirecționați către o altă pagină, putem vedea cum putem acționa.

Cod:

Haideți să vedem ce tastează utilizatorul.


function textfunction () (
var obj = document.getElementById ("caseta de text"). valoare;
document.getElementById ("text"). insideHTML = "Literele pe care le tastați:" + obj;
)

ieşire:

Exemplul # 3

În acest exemplu, vom discuta despre cum se poate efectua funcția de încărcare în ajax.

Cod:



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

ieşire:

Exemplul # 4

După apăsarea butonului, conținutul fișierului asp va fi tipărit pe ecran. Există două metode de preluare a informațiilor, adică metoda GET și POST.

Cod:



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

ieşire:

Caracteristici ale Ajax în ASP.NET

Mai jos sunt enumerate câteva caracteristici importante ale AJAX în ASP.NET .

  • Ușor de utilizat: Aceasta este una dintre principalele caracteristici din Ajax, unde interfața de utilizare a paginii web este atât de flexibilă și confortabilă pentru utilizator să folosească pagina, încât trebuie să completeze toate detaliile necesare.
  • Pagina web mai rapidă: Această caracteristică în AJAX este cea principală, deoarece a fost construită pentru același lucru. Această caracteristică permite paginii web să creeze cererea și timpul de răspuns al serverului în câteva secunde. De asemenea, aceste caracteristici fac ca pagina web să se încarce mai repede decât cele obișnuite. Nu trebuie să reîncărcăm întreaga pagină tot timpul, doar partea specifică trebuie reîncărcată dacă a fost schimbată.
  • Tehnologia independentă a serverului: AJAX în asp.net poate fi utilizat indiferent de limbajul de programare precum JavaScript, PHP, etc. Multe limbi acceptă AJAX și caracteristicile și caracteristicile sale.
  • Performanță: este utilizat în principal pentru performanța și viteza unei pagini web. Timpul necesar de la crearea solicitării XMLHTTP până la recuperarea răspunsului la server de la server este rapid în timp ce utilizați AJAX. Așadar, unul dintre factorii majori este utilizat pentru o bază de performanță pe o pagină web.
  • Navigatoare de asistență: AJAX este utilizat în principal pentru că acceptă aproape toate browserele utilizate pe piață. În afară de conceptul care creează obiectul XMLHTTP, procesarea va fi aceeași pentru toate browserele web, deoarece limbajul JavaScript este utilizat în majoritatea aplicațiilor web.
  • Aplicații interactive : Utilizarea ajax este foarte ușoară pentru dezvoltator sau programator pentru a crea aplicații web mai interactive și mai ușor de utilizat. După cum știm în lumea de azi, totul este un proces cu două sensuri în care trebuie să puneți și să obțineți datele, astfel încât este util în procesul cu două sensuri, în care clientul poate interacționa cu serverul pentru a recupera, precum și scrie datele.

Concluzie

În acest articol, am discutat despre caracteristicile AJAX în asp.net și cum funcționează în aplicațiile ASP.Net. De asemenea, am discutat câteva exemple în care se utilizează AJAX și caracteristicile sale. Este una dintre cele mai utile și puternice tehnologii pentru mediul modern. Este foarte utilizat pe site-urile de socializare precum Facebook, Twitter etc.

Articole recomandate

Acesta este un ghid pentru Ajax în ASP.NET. Aici discutăm caracteristicile de lucru ale Ajax în ASP.NET împreună cu exemplele și implementarea codului. De asemenea, puteți consulta următoarele articole pentru a afla mai multe -

  1. jQuery Metode Ajax
  2. JSON vs AJAX
  3. Ce este Ajax?
  4. Întrebări de interviu AJAX

Categorie:

Dezvoltare de software