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

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

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

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

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

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
1
0
300
9
Перейти к ответу Данный вопрос помечен как решенный

Ответы 9

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

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

<asp:ScriptManager

и

<asp:UpdatePanel

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

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

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

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

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

Ответ принят как подходящий

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

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

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

Brad 17.10.2008 05:25

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Другие вопросы по теме