Как прочитать один элемент HTML со страницы сервера, используя Javascript

Question

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

страница имеет ... HTML элементы, такие как <p id="target_element">..<dynamically changing data>..</p>

Как мой JavaScript вернуться назад и прочитать содержимое «target_element» без перезагрузки всей страницы. (Сервер будет периодически менять "..<dynamically changing data>.." внутри элемента.

спасибо.

Answer 1

Если вы знакомы с jQuery, есть удобный метод, называемый load(), который сделает это за вас.

Что-то вроде этого, вы замените содержимое элемента идентификатором «target_element», с содержимым, которое возвращается с URL content.php.

$('#target_element').load('content.php #target_element'); 

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

Answer 2

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

Было бы лучше, если бы ваш сервер был изменен, чтобы вернуть JSON только с данными, которые вам интересны, а не скачивать и анализировать всю сеть страницы, чтобы получить из нее один кусок.

Answer 3

Возможно, вы захотите использовать AJAX. Попробуйте использовать jQuery и его функции AJAX: http://api.jquery.com/category/ajax/

Answer 4

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