Ajax в ASP.NET - Полное руководство по Ajax в ASP.NET с примерами

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

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


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

AJAX в ASP.NET известен как асинхронный 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

В этом примере, нажав на кнопку, которую нужно перенаправить на другую страницу, мы увидим, как мы можем действовать.

Код:





Давайте посмотрим, что печатает пользователь.

function textfunction () (
var obj = document.getElementById ("textbox"). value;
document.getElementById ("text"). innerHTML = "Буквы, которые вы печатаете:" + obj;
)

Выход:

Пример № 3

В этом примере мы обсудим, как выполнить функцию загрузки в ajax.

Код:



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. Что такое Аякс?
4. AJAX Интервью Вопросы