Создание веб-приложения, а затем добавление Ajax к нему?

Question

Я полагаю, что многие из вас разработали онлайн-приложение, которое автоматизирует множество процессов и экономит время и деньги вашей компании.

Вопрос в том, каков ваш опыт разработки этого приложения, когда оно все настроено, а затем "приправлено" им с помощью некоторого Ajax, что делает его более удобным для пользователя?

Также, какие библиотеки вы бы предложили использовать при добавлении Ajax в уже разработанное веб-приложение?

Наконец, с какими общими процессами вы сталкиваетесь в веб-приложениях, с которыми хорошо справляется Ajax? Например, автоматическое заполнение поля поиска при вводе.

Answer 1

Мой предпочтительный способ создания приложений с поддержкой Ajax - это создание его старомодным способом, при котором каждая кнопка, ссылка и т. Д. Отправляется на сервер, а затем перехватывает все эти кнопки, ссылки и т. Д., Щелкающие по функциональности Ajax. .

Это гарантирует, что мое приложение совместимо с браузером, и это хорошо.

Answer 2

Использование ASP.NET Ajax для переноса нескольких фрагментов кода - это простой способ начать работу. Но лично я предпочитаю использовать jQuery. С его помощью вы можете легко добавить несколько простых вызовов Ajax, чтобы сделать пользовательский интерфейс более отзывчивым без использования ASP.NET Ajax.

Answer 3

Неважно, какой вы используете, если только вы не пытаетесь сделать что-то очень специализированное.

Вот хороший список: http://code.google.com/apis/ajaxlibs/.

Да, автозаполнители - довольно удобная реализация Ajax. Это также весьма полезно для интенсивной работы с данными, такой как заполнение данных детализации.

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

Выберите тот, который вам удобен. Синтаксис, который они все используют, немного отличается. Дайте несколько вращений и попробуйте построить простые примеры. Придерживайтесь того, что вам нравится.

Answer 4

Мне часто приходилось включать Ajax для старомодных сайтов ASP.NET 2.0. Я нашел самый простой способ сделать это - создать новый сайт с поддержкой Ajax, скопировать и вставить определенные разделы web.config в файл web.config вашего старого проекта.

Просто сравните два и посмотрите, чего не хватает в вашем старом. Очевидно, вам также необходимо добавить ссылки на AjaxExtensions и AjaxControlToolkit.

Answer 5

Если все, что вам нужно, это "оживить", то сначала разработайте полнофункциональное приложение без AJAX. Отсюда вы можете незаметно добавить функциональность AJAX и убедиться, что приложение хорошо деградирует для браузеров без поддержки JavaScript.

Я начал использовать jQuery для JavaScript на моем сайте. Он устраняет все беспокойства по поводу различий между браузерами в JavaScript - такие вещи, как class и classname, и getElementById. Он также включает в себя некоторые очень удобные и простые функции для обратной передачи AJAX. Его очень легко выучить и он очень легкий при правильном использовании.

Я видел хорошее применение AJAX прямо здесь, в переполнении стека, такие как селектор тегов и поиск вопросов при вводе заголовка вопроса. Я думаю, что эти простые вещи работают лучше всего; мы просто добавляем в пользовательский интерфейс небольшие дополнения к интуитивно понятным функциям, мы не затопляем экран ручками перетаскивания и т. д.

Answer 6

Пожалуйста, игнорируйте, если не используете ASP.NET. Ваша платформа не ясна из вашего вопроса.

В зависимости от того, когда вы создали свое веб-приложение, вашему файлу веб-конфигурации могут потребоваться некоторые настройки для использования ASP.NET Ajax. Самый простой способ увидеть это - создать новый веб-сайт с шаблоном ASP.NET Ajax и сравнить веб-конфигурацию, при необходимости копируя элементы конфигурации, чтобы обновить старый.

Answer 7

Я бы отличался от первого постера. Добавление Ajax не всегда так просто, как 1,2,3. Это действительно зависит от того, что вы после.

Добавление таких вещей, как цветная анимация, может быть сделано довольно легко, но если вам нужны такие вещи, как автоматическое заполнение текстового поля, это требует дополнительного кода. Это не так просто, как добавить что-то на стороне клиента. Вам также необходимо добавить поддержку на стороне сервера для получения результатов частичного запроса.

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

Но, имея в виду дух простоты, есть библиотеки, которые вы можете использовать, чтобы «оживить» сайт анимациями и другими наглядными материалами, которые можно довольно легко реализовать, о чем уже упоминалось.

Answer 8

Самая большая вещь, которую я использую для AJAX - это списки и формы поиска. Зачем? Из-за накладных расходов, связанных с загрузкой всей страницы, когда вы просматриваете список, скажем, из 200 записей, пользователю будет неудобно делать все, что угодно. Тем не менее, важно, если вы нажмете на ссылку на странице, а затем нажмете кнопку «Назад» или воспользуетесь ссылкой вверху, чтобы вернуться на ту же страницу, на которой вы были.

Для форм поиска, когда вы заполняете форму, я использую AJAX-запросы, чтобы вернуть первые несколько результатов, и число, указывающее, сколько записей было возвращено.

Для фреймворков AJAX я использую mootools. http://www.mootools.net.

Answer 9

Если вы используете ASP.NET для написания своих приложений, добавить AJAX с использованием ASP.NET AJAX очень просто, и во многих местах вам вообще не потребуется изменять код, кроме добавления двух элементов управления на страницы, которые вы хотите изменить .

Это работает при частичной загрузке страницы. Элементы управления, которые вы должны добавить (вне головы), называются что-то вроде

<asp:ScriptManager

и

<asp:UpdatePanel