AJAX DOM Manipulation

Question

Когда выполняется запрос AJAX, и последующее изменение производится в дереве DOM (например, заменяя содержимое в DIV на responseText), почему это происходит, когда я просматриваю источник на обновленной странице , HTML не отражает изменения? Страница определенно изменилась, но источник выглядит одинаково.

Answer 1

Источник оригинала является исходным источником страницы при ее загрузке. Поскольку изменения, сделанные с помощью javascript, являются клиентскими, вы фактически не меняете источник, а вместо этого выполняете рендеринг на стороне клиента.

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

Когда вы используете javascript для управления DOM, вы фактически манипулируете объектом document. Например:

document.getElementById("myid").id = "newid"; 

Здесь изменения вносятся в объект документа, а не в источник страницы. Тем не менее, эти изменения отражаются в отображаемом объекте документа и отображаются пользователю.

Чтобы еще больше подчеркнуть это, здесь DOM, как определено Microsoft Developer:

объектной модели документа (DOM), как реализованного в MSXML обеспечивает программное представление XML-документов, фрагментов, узлов, или набор узлов. Он также предоставляет интерфейс прикладного программирования для , работающий с данными XML. В качестве представления XML он соответствует спецификации DOM W3C.