Archive for the 'Ajax' Category
AJAX PHP поиск - часть 1: XML
Как создавать простые AJAX запросы к серверному скрипту (PHP) вы уже научились, методами простого XML, а так же с использованием библиотеки prototype. Рассмотрим более комплексный пример - как организовать поиск по базе данных MySQL средствами AJAX и PHP.
Read more
Краткое введение в prototype
По просьбам наших читателей - what the hell is prototype? Библиотека (фреймворк) prototype позволяет вам легко, быстро и безопасно совершать AJAX запросы и не только. Библиотека расширяет методы DOM (Data Object Model), упрощая их использование. А самое главное то, что авторы библиотеки уже позаботились о браузеро-независимости (cross-browser), и нам достается всё самое сладкое!
Read more
AJAX и XML: ShoutBox
Все уже научились создавать xmlHttp объекты, посылать запросы стороннему файлу, получать, обрабатывать и выводить XML данные. Кто не в теме, прошу сюда. Теперь, на базе этого, мы с вами рассмотрим конкретный пример – всемирно известный ShoutBox!
Read more
AJAX и собственно XML
Что такое AJAX, думаю, все уже знают и имеют небольшое представление о том, как он работает. Но всё же много людей до сих пор представления не имеют о том, каким боком собственно XML, так как большинство ресурсов расписывают работу только со свойством responseText, не говоря уже о сторонних библиотеках (prototype, sAjax и прочее).
Read more
Кросс доменный Аякс
Вы когда нибудь пытались делать Ajax запрос на сервер с другим доменом? Я - да. Не получается. Из соображений безопасности, Аякс запросы работают только если домен сайта на котором находится юзер совпадает с доменом сервера, куда сделан запрос. Можно поспорить, что это совсем не улучшает безопасность, но не в этом дело. Кросс-доменные запросы иногда нужны и сейчас я покажу как их делать.
Можно написать весь код самому и использовать Cross-Domain Proxy Pattern. Но есть способ попроще. Thierry Schellenbach написал плагин к джаваскрипт библиотеке Prototype и теперь можно сделать кросс-сайтовый запрос за пару минут. Для этого нужно:
- скачать Prototype 1.5.0 (я не стал проверять более новые версии)
- скачать transport.js
Подгружаем скрипты:
-
<script type="text/javascript" src="http://www.foobar.com/prototype.js">
-
<script type="text/javascript" src="http://www.foobar.com/transport.js">
Теперь используем прототайповский класс Ajax, к которому добавились некоторые функции:
-
new Ajax.Request('http://www.other-domain.com/',
-
{
-
method: 'GET',
-
crossSite: true,
-
parameters: Form.serialize(obj),
-
onLoading: function()
-
{
-
-
},
-
onSuccess: function(transport)
-
{
-
-
},
-
onFailure: function(transport)
-
{
-
-
}
-
});
Обратите внимание на crossSite: true. Этот параметр активирует кросс-доменные возможности. Ну и стандартные callbacks:
- onLoading: тут можно показывать индикатор загрузки.
- onSuccess: тут можно показать юзеру результат запроса.
- onFailure: а тут можно вывести сообщение на экран в случае ошибки.
