В этой главе вы использовали приобретенные ранее знания для созда¬ния собственных веб-виджетов. Были продемонстрированы несколько виджетов, имеющих практическое значение и ставших возможными благодаря технологиям Ajax.

Подобно виджету со сводкой погоды, у вас есть два способа его ] зации:
1. Можно добавить класс к уже существующему сайту, поддер щему ASP.NET. Для этого придется перекомпилировать код.1 вы решите пойти по этому пути, то прежде чем перекомп! программный код, измените файл sea rch. aspx так, чтобы он < ствовал вашему пространству имен.

Виджет должен вписываться в общий дизайн сайта, поэтому разработке была предусмотрена возможность настройки его BI вида. Каждый элемент виджета имеет свой класс CSS, что суще но упрощает настройку.

Метод handleResponse() принимает в качестве входного аргумента ответ сервера (строку в формате JSON), декодирует его и отображает резуль¬таты в виде гиперссылок внутри элемента . Этот метод принима¬ет единственный аргумент - строку в формате JSON:Этот фрагмент принимает аргумент sJson и передает его методу JSON.

Как уже отмечалось, для выполнения операции поиска метод sea производит запрос к серверу:
AjaxSiteSearch.prototype.search = function () {
var oThis = this; • " '
var sUrl = encodeURI("search.aspx?search=" + this.textBox.value);
var oReq = zXmlHttp.createRequestO; oReq.onreadystatechange = function () {! if (oReq.readyState == 4) { if (oReq.status — 200) {
oThis.handleResponse(oReq.responseText);
oReq.open("GET" oReq.send();
sUrl, true);.
};

Метод clearResults() очень прост, он удаляет все дочерние узлы мента вывода результатов :
AjaxSiteSearch.prototype.clearResults = function () { .. while (this. resultPane.hasChildNodesO) {
this,resultPane.removeChild(this.resultPane.firstChild);

Первым шагом в разработке клиентской части любого приложения яв¬ляется создание пользовательского интерфейса на языке разметки HTML. Для работы с данным виджетом нам потребуются четыре эле¬мента, содержащиеся внутри элемента : ; ;

Функциональные возможности клиента очень важны, особенно для таких виджетов, как этот. Прежде чем приступить к поиску, пользо¬ватель уже сделал некоторые предположения о том, как это делается. Поэтому очень важно придерживаться следующих рекомендаций:

Работа по созданию класса, выполняющего поиск, завершена, осталось только создать веб-страницу поиска. Данная страница I принимать искомую фразу в виде параметра search в строке Строка запроса может выглядеть, например, так:
http://yoursi.te.com/search.aspx?search=ajax i- .

Для взаимодействия с базой данных виджет использует класс Site-Search, с помощью которого производится запрос к базе данных, и по¬лученные результаты преобразуются в строку формата JSON. Этот класс имеет одно приватное поле _conString, в котором будет хранить¬ся строка соединения с сервером баз данных MS SQL.