web-touristAJAX – Въведение
Автор: stoqnski
Първо какво е AJAX ? – Asynchronous JavaScript and XML.
AJAX е базиран на JavaScript и HTTP заявки
AJAX не е нов програмен език, но е нов начин за използване на съществуващите стандарти.
AJAX е базиран на следните уеб-стандарти:
- JavaScript
- XML
- HTML
- CSS
Вашето първо AJAX приложение
1)За да разберете как работи AJAX ще направим едно малко приложение:
<html>
<body>
<form name="myForm">
Name: <input type="text" name="username" />
Time: <input type="text" name="time" />
</form>
</body>
</html>файла ще го кръстим „testAjax.htm“ , както забелязвате от html-a нямаме submit бутон 🙂
Ключа на AJAX е да направи XMLHttpRequest . Всички нови браузъри използват вградения JavaScript XMLHttpRequest с цел да се създаде обект XMLHttpRequest (IE5 и IE6 използва ActiveXObject).
Нека да продължим като променим нашата страница „testAjax.htm“ с JavaScript , който създава XMLHttpRequest object:
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// код за IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
// за IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("Вашият браузър не поддържа XMLHTTP!");
}
}
</script>
<form name="myForm">
Name: <input type="text" name="username" />
Time: <input type="text" name="time" />
</form>
</body>
</html>Обяснение:
*Създаване променлива „xmlhttp“ да държи XMLHttpRequest обекта .
*xmlhttp=new XMLHttpRequest() , ако това се провали : xmlhttp=new ActiveXObject(„Microsoft.XMLHTTP“)
*Ако и това се провали потребителя ще получа „Alert“ или „Грешка“ , че браузъра му е много стар и не поддържа XMLHTTP !
Забележка: Кода , който току що написах може да бъде използван винаги когато ти трябва да направиш XMLHttpRequest , затова можеш да си го отбележиш някъде и като ти потрябва на готово да си го използваш .
Превод от http://www.w3schools.com/Ajax .
Поздрави stoqnski
