Въведение в Ajax в ASP.NET

AJAX в ASP.NET е известен като Asynchronous JavaScript и XML. Всичко е за актуализиране на функциите на уеб страница, без да я зареждаме всеки път, когато отваряме уеб страницата. Това е техника, използвана за създаване на много бързи и динамични уеб страници.

Ajax в ASP.NET се използва главно, когато потребителят има динамично съдържание и трябва да бъде презареждан многократно след извършване на промените. Тази технология също ускорява времето за реакция на страницата. Освен това има удобен за потребителя интерфейс и интерактивни уеб страници.

Работа на Ajax в ASP.NET

AJAX е усъвършенстваната версия на статичните страници, които се използват дълго време. AJAX е създаден за динамична природа и удобна за потребителя среда. AJAX в ASP.NET работи като по-долу изброените точки.

  • Обектът XMLHTTPRequest се създава от браузъра и се изпраща на страната на сървъра.
  • Сървърът ще обработи заявката, изпратена от браузъра и ще изпрати данните обратно в браузъра с исканата подробност.
  • Браузърът ще обработва данните и ще актуализира съдържанието на страницата.
  • След като съдържанието се актуализира, потребителят може да вижда данните на екрана.

Да приемем, че имате портал за въвеждане на данни за служители и трябва да добавите нов служител в базата данни. В горната блок-схема можем да видим, че клиентът създава XMLHTTP заявка с исканите данни към сървъра. Тук подробностите за служителя ще започнат с добавяне на име и фамилия на служителя.

На уеб страницата, която потребителят вижда вече няколко данни за служителите, трябва да се добавят в базата данни. Ще покаже няколко предложения за имената, присъстващи в името, съответстващо на ключовата дума. След това сървърът изпраща исканите данни обратно на клиента. Ако служителят в базата данни не е добавен, ще бъде създаден нов запис с неговите данни.

Сега клиентът ще обработва данните, изпратени от сървъра и времето за реакция е по-бързо в сравнение с други използвани технологии. Сега данните за служителите се добавят успешно в базата данни, така че, ако данните, добавени наскоро, трябва да се видят, потребителят може просто да въведе името на служителя и уникален идентификатор, за да извлече резултатите на екрана. Тук потребителският интерфейс е много интерактивен и времето за реакция също е по-малко.

Примери за Ajax в ASP.NET

Ето някои примери за Ajax в ASP.NET, които са обяснени по-долу:

Пример №1

В този пример бутонът е създаден, но действието няма да се извърши, когато щракнем върху бутона.

Код:



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

изход:

Пример №2

В този пример, като кликнете върху бутона, който трябва да го пренасочите към някоя друга страница, можем да видим как можем да предприемем действия.

Код:

Нека видим какво пише на потребителя.


функция textfunction () (
var obj = document.getElementById ("textbox") стойност;
document.getElementById („текст“). innerHTML = „Буквите, които пишете:„ + obj;
)

изход:

Пример №3

В този пример ще обсъдим как да изпълняваме функцията за натоварване в аякс.

Код:



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

изход:

Пример №4

След натискане на бутона съдържанието на asp файла ще се отпечата на екрана. Има два метода за извличане на информация, т.е. метод GET и POST.

Код:



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

изход:

Характеристики на Ajax в ASP.NET

По-долу са изброени няколко важни характеристики на AJAX в ASP.NET .

  • Удобно за потребителя: Това е една от основните характеристики в Ajax, където потребителският интерфейс на уеб страницата е толкова гъвкав и удобен за потребителя да използва страницата, тъй като трябва да попълни всички необходими данни.
  • Уеб страница по-бързо: Тази функция в AJAX е основната, тъй като е създадена за същата. Тази функция позволява на уеб страницата да създаде заявката и времето за отговор на сървъра в рамките на секунди. Тези функции също правят презареждането на уеб страниците по-бързо от обичайните. Не е нужно да презареждаме цялата страница през цялото време, само че конкретната част трябва да бъде презаредена, ако е била променена.
  • Независима от сървъра технология: AJAX в asp.net може да се използва независимо от всеки език за програмиране като JavaScript, PHP и др. Много езици поддържат AJAX и неговите характеристики и функции.
  • Производителност: Използва се главно за неговата производителност и бързина на уеб страница. Времето, което отнема от създаването на заявката за XMLHTTP до връщането на отговора на данни от сървъра е бързо, докато използвате AJAX. Така че един от основните фактори се използва за основа на ефективността на уеб страница.
  • Поддържащи браузъри: AJAX се използва предимно, защото поддържа почти всички браузъри, използвани на пазара. Освен концепцията, която създава XMLHTTP обекта, обработката ще бъде еднаква за всички уеб браузъри, тъй като JavaScript езикът се използва в повечето от уеб приложенията.
  • Интерактивни приложения : Използването на ajax е много лесно за програмиста или програмиста да създаде по-интерактивни и удобни за използване уеб приложения. Както знаем в днешния свят, всичко е двупосочен процес, в който трябва да поставите, както и да получите данните, така че е полезно в двупосочния процес, при който клиентът може да взаимодейства със сървъра до получаването, както и да пише информацията.

заключение

В тази статия обсъдихме функциите на AJAX в asp.net и как тя работи в ASP.Net приложения. Също така, обсъдихме няколко примера, където се използва AJAX и неговите характеристики. Това е една от най-полезните и мощни технологии за съвременната среда. Той се използва изключително в сайтове за социални медии като Facebook, Twitter и т.н.

Препоръчителни статии

Това е ръководство за Ajax в ASP.NET. Тук обсъждаме работата, характеристиките на Ajax в ASP.NET заедно с примерите и реализацията на кода. Можете също да разгледате следните статии, за да научите повече -

  1. jQuery Ajax методи
  2. JSON срещу AJAX
  3. Какво е Ajax?
  4. Въпроси за интервю на AJAX

Категория:

Разработване на софтуер