Ајак у АСП.НЕТ - Комплетан водич за Ајак у АСП.НЕТ-у са примерима

• Увод у Ајак у АСП.НЕТ
• 

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


Увод у Ајак у АСП.НЕТ

АЈАКС у АСП.НЕТ-у је познат као Асинхрони ЈаваСцрипт и КСМЛ. Све се односи на ажурирање функција веб странице, без њеног учитавања сваки пут када отворимо веб страницу. То је техника која се користи за прављење врло брзих и динамичних веб страница.

Ајак у АСП.НЕТ се углавном користи када корисник има динамички садржај и мора се поново учитати након што су промене извршене. Ова технологија такође убрзава време одзива странице. Такође поседује корисничко сучеље и интерактивне веб странице.

Рад Ајака у АСП.НЕТ-у

АЈАКС је напредна верзија статичких страница које су се дуго користиле. АЈАКС је направљен за динамичну природу и окружење прилагођено кориснику. АЈАКС у АСП.НЕТ-у функционише као доле наведене точке.

• КСМЛХТТПРекуест објект се креира из прегледача и шаље на страни сервера.
• Сервер ће обрадити захтев који је послао прегледач и податке ће послати назад у претраживач са траженим детаљима.
• Прегледник ће обрадити податке и ажурирати садржај на страници.
• Једном када се садржај ажурира, корисник може видети податке на екрану.

Претпоставимо да имате портал за унос података о запосленима и да морате додати новог запосленог у базу података. На горњој дијаграми тијека видимо да клијент креира КСМЛХТТП захтјев са траженим подацима на сервер. Овде ће детаљи о запосленима почети додавањем имена и презимена запосленог.

На веб страници коју корисник види већ неколико података о запосленима мора се додати у базу података. Показаће се неколико предлога имена која се налазе у називу који одговара кључној речи. Сервер потом враћа тражене податке клијенту. Ако запослени у бази података није додан, креираће се нови унос с његовим подацима.

Сада ће клијент обрадити податке које шаље сервер и време одзива је брже у поређењу с другим коришћеним технологијама. Сада се подаци о запосленима успешно додају у базу података, тако да ако недавно додани детаљи морају бити једноставно унесите име запосленика и јединствени ИД да би се резултати дохватио на екрану. Овде је корисничко сучеље врло интерактивно, а време одзива је такође мање.

Примери Ајака у АСП.НЕТ-у

Ево неколико примера Ајак-а на АСП.НЕТ-у који су објашњени у даљем тексту:

Пример # 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

У овом примеру, кликом на дугме морате га преусмерити на неку другу страницу, можемо видети како можемо да предузмемо кораке.

Шифра:





Да видимо шта корисник куца.

тектфунцтион () (
вар обј = доцумент.гетЕлементБиИд ("тектбок") вредност;
доцумент.гетЕлементБиИд ("текст"). иннерХТМЛ = "Слова која куцате:" + обј;
)

Излаз:

Пример бр. 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

Након клика на дугме садржај асп датотеке ће се одштампати на екрану. Постоје две методе за дохваћање информација, тј. ГЕТ и ПОСТ метода.

Шифра:



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



Излаз:

Карактеристике Ајака у АСП.НЕТ-у

Следеће је неколико важних карактеристика АЈАКС-а у АСП.НЕТ-у .

• Корисничко прилагођивање: Ово је једна од главних карактеристика Ајака где је корисничко сучеље веб странице тако флексибилно и пријатно да корисник може користити страницу, јер мора да унесе све потребне податке.
• Бржа веб страница: Ова функција у АЈАКС-у је примарна јер је направљена за исту. Ова функција омогућава веб страници да креира захтев и време одзива сервера у неколико секунди. Ове функције такође чине да се веб страница поново учитава брже од уобичајених. Не морамо стално поново учитавати страницу, само одређени дио мора бити поново учитан ако је промијењен.
• Независна технологија од сервера: АЈАКС на асп.нет-у може се користити без обзира на било који програмски језик као што је ЈаваСцрипт, ПХП итд. Многи језици подржавају АЈАКС и његове карактеристике и карактеристике.
• Перформансе: Користи се углавном за перформансе и брзину веб странице. Време потребно за креирање КСМЛХТТП захтева до враћања одговора података са сервера је брзо док се користи АЈАКС. Дакле, један од главних фактора се користи за основу перформанси на веб страници.
• Прегледници за подршку: АЈАКС се примарно користи зато што подржава готово све претраживаче који се користе на тржишту. Поред концепта који ствара КСМЛХТТП објект, обрада ће бити иста за све веб прегледаче јер се ЈаваСцрипт језик користи у већини веб апликација.
• Интерактивне апликације : Употреба ајака је програмеру или програмеру веома лако да креира више интерактивних и прилагођених веб апликација. Као што знамо у данашњем свету, све је двосмерни процес где морате да унесете и прибавите податке, тако да је корисно у двосмерном процесу где клијент може да комуницира са сервером до проналаска, као и да пише Подаци.

Закључак

У овом чланку смо разговарали о карактеристикама АЈАКС-а на асп.нет-у и како то ради у АСП.Нет апликацијама. Такође смо дискутовали о неколико примера где се користи АЈАКС и његове карактеристике. То је једна од најкориснијих и најснажнијих технологија у савременом окружењу. Веома се користи на веб локацијама друштвених медија попут Фацебоока, Твиттера итд.

Препоручени чланци

Ово је водич за Ајак у АСП.НЕТ-у. Овде смо расправљали о радним карактеристикама Ајака у АСП.НЕТ-у заједно са примерима и имплементацијом кода. Такође можете погледати следеће чланке да бисте сазнали више -

1. јКуери Ајак Методи
2. ЈСОН вс АЈАКС
3. Шта је Ајак?
4. АЈАКС питања за интервју