如何使用Javascript从服务器页面读取单个HTML元素

Question

如何在不重新加载整个页面的情况下使用JavaScript在与JavaScript相同的页面上读取单个元素的内容（只需重新加载一个元素）？必须从服务器的页面读取单个元素，而不是浏览器的页面副本。这是因为服务器将动态更改元素。

该页面有...... HTML元素，例如<p id="target_element">..<dynamically changing data>..</p>

我的JavaScript如何在不重新加载整个页面的情况下返回并读取“target_element”的内容。 （服务器将定期更改元素内的"..<dynamically changing data>.."。

感谢。

Answer 1

听起来你需要的是你的网页对服务器进行ajax调用，从服务器获取所需的数据，然后根据ajax调用的结果动态修改当前页面。

最好是修改你的服务器只返回你感兴趣的数据的JSON而不是下载和解析整个网页只是为了得到一个。

Answer 2

如果您熟悉jQuery，可以使用名为load()的方便方法为您完成。

使用类似的东西，你可以用id“target_element”替换元素的内容，其中包含从URL content.php返回的内容。

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

如果您不想使用像jQuery这样的库或类似的库，那么您需要做一些写操作来获得对Ajax请求的跨浏览器支持等等。因此，库可能是解决此问题的最简单方法。

Answer 3

你可能想要使用AJAX。尝试使用jQuery及其AJAX函数： http://api.jquery.com/category/ajax/

Answer 4

基本上你想对服务器进行AJAX调用。如果此调用只应更改一个元素，则应向服务器添加一个脚本，该脚本仅发出此一个元素。然后，您可以使用AJAX从客户端的浏览器中调用此脚本，并替换浏览器页面版本中的元素。