2012-02-27 74 views
1

我如何使用JavaScript来读取相同的页面的JavaScript上的单个元素的内容,而无需重新加载整个页面(只需重新加载一个元素)?单个元素必须从服务器的页面读取,而不是浏览器的页面副本。这是因为服务器会动态地改变元素。如何从服务器读取页面一个HTML元素,使用Javascript

页有... HTML元素,如<p id="target_element">..<dynamically changing data>..</p>

我的JavaScript怎么能回去无需重新加载整个页面读取“target_element”的内容。 (服务器将定期更改"..<dynamically changing data>.."里面的元素。

感谢。

+0

阅读本页http://api.jquery.com/load/,部分'Loading Page Fragments' – Cheery 2012-02-27 15:44:04

+0

ajah是你需要的(与ajax相同,但带有html) – soju 2012-02-27 15:44:31

+0

这个问题不是很清楚。你如何更新“目标元素”?它是什么类型的元素?你是要求通过AJAX更新页面的一部分,还是你已经这样做? – user17753 2012-02-27 15:47:42

回答

1

如果您熟悉使用jQuery,有一个叫load()方便的方法,将你做它。

像这样的东西,你将ID为“target_element”替换元素的内容,与来自URL content.php回来的内容。

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

如果你不希望使用像jQuery或类似的图书馆,那么你有一定的文字做的就是为你的Ajax请求等跨浏览器支持。所以图书馆可能是最简单的方法。

+0

这会将'content.php'的全部内容加载到'#target_element'中。 – jfriend00 2012-02-27 17:00:02

+0

@ jfriend00当然,没有仔细阅读这个问题 - 谢谢!更新我的例子。 – 2012-02-27 17:33:11

1

这听起来像你需要的是为你的网页,使一个AJAX调用您的服务器,将获取从所需要的数据服务器,然后动态地根据从AJAX调用的结果修改当前页面。

如果你的服务器进行了修改,只有你有兴趣,而不是下载和解析的整个网络将数据返回JSON这将是最好的网页只是为了获得一块出来。

0

基本上你想对你的服务器做一个AJAX调用。如果这个调用应该只改变一个元素,你应该添加一个脚本到你的服务器,它只发出这个元素。然后,您可以使用AJAX从您的客户端浏览器调用此脚本,并替换浏览器版本的页面中的元素。

相关问题