Есть ли какие-либо решения, чтобы сделать мой AJAX-скрипт стабильным независимо от изменения HTML-кода?

Question

У меня работает контентный веб-сайт, и я обычно использовал ajax для динамического добавления элементов в список контента.Каждый раз, когда я обновлял свою структуру элементов, мне приходилось менять свой JavaScript, чтобы он соответствовал новой структуре.Интересно, было ли какое-нибудь решение, позволяющее сохранить стабильность скрипта независимо от изменения HTML?

Answer 1

Я делаю довольно много в своем приложении и каждый раз повторяю один и тот же шаблон:

Страница просмотра запускает функцию ajax для другой страницы, которую я называю «диспетчер». Я использую этот шаблон, потому что я хочу вывод простого текста без заголовка, нижнего колонтитула, другого JS и т. Д., Поэтому диспетчер представляет собой простую страницу, которая получает запрос от Ajax запускает соответствующие функции PHP и выводит результаты. В некоторых случаях он возвращает строки JSON, а в других - HTML или обычный текст. Для вашего примера верните HTML с вашего серверного языка.

Вернемся к обратному вызову AJAX success, внутреннему html (.html ()) элементу с возвращенным html-содержимым. Пусть ваш серверный язык выполняет работу по сборке HTML (или даже текста, если вы так склонны), потому что это гораздо меньше работы и меньше накладных расходов.

Не так уж и плохо, а?

Answer 2

Простой, вместо использования DOM для обработки ваших данных, обработайте все по завершении запроса ajax и только затем вызовите функцию, которая обладает всеми вашими функциями отображения данных.Очевидно, что вы не можете избежать необходимости где-то менять код, когда вы, например, переименовываете элементы HTML, но вы можете разделить задачи, чтобы вам пришлось трогать код только в одном месте.