更新页面的特定区域而不重新加载整个页面答案

【问题标题】：Updating specific areas of a page without reloading the entire page更新页面的特定区域而不重新加载整个页面
【发布时间】：2011-09-06 06:27:19
【问题描述】：

我认为如果您可以先查看我的相关网站会更容易理解：http://www.10winstreak.com/

主要内容区域是来自 Own3D.tv 的流，它只是一个 iframe（第 342 行）。我的目标是，如果我单击右侧的特定流，iframe 将加载相应的流，而左侧栏（最后 10 个匹配项）也将加载相应的数据。例如，如果我点击右侧的“Bei's Stream”，iframe 会显示，嗯，Bei 的流，左侧栏显示它现在正在显示的内容。但是当我点击“Roy Killany 的流”时，iframe 会加载该特定流，左侧栏会填充另一组定义的数据。

我想我可以通过为每个流制作单独的页面并复制页面布局来实现它，这样用户就有留在同一页面上的错觉，但我想学习正确的方法。到目前为止，我的研究告诉我，ajax 可能是最好的选择，但我想知道是否有纯 PHP 甚至 HTML\CSS 方式来做到这一点？

谢谢！

【问题讨论】：

标签： php javascript html css ajax

【解决方案1】：

您可以通过设置框架名称并将链接目标指向该框架来仅使用 HTML 来完成此操作：

<a href="somepage" target="myframe">My Link</a>
<iframe name="myframe" src="defaultpage"></iframe>

但这不会让您在单击时更改链接以显示它被单击的那个。您还可以使用 jQuery，它可以让您更改链接以显示它已被点击。有关 jQuery 的更多信息，请查看他们的主页 (www.jquery.com)

【讨论】：

【解决方案2】：

嗯.. 你可以使用 jquery .load()

http://api.jquery.com/load/

还有一个加载图片的例子.. http://yensdesign.com/2008/12/how-to-load-content-via-ajax-in-jquery/

我想如果您希望内容在刷新后或用户返回时仍然存在。您可能希望将它与 jquery cookie 插件一起使用，以使浏览器记住加载了哪些内容..

【讨论】：