php - 网站导航 - PHP/HTML 与 Ajax 与 CSS/Javascript

Question

我最近一直在争论是否对我的站点导航使用 AJAX 以仅传输需要更新的 HTML 元素，或者新元素和当前元素之间是否没有显着差异以仅加载整个页面(php 生成或静态 html)

但是，我认为如果新内容相对于当前页面的尺寸不大...也许我应该将它与当前页面一起发送一个隐藏的 div(通过 CSS)。

这第三种方式似乎是一个简单的解决方案。例如，只需将整个当前页面 + 用户可能请求的任何其他内容作为隐藏 div 发送。

当用户选择内容时只是隐藏当前内容，并显示隐藏的内容...

总而言之，每种方式(普通、Ajax、CSS)对用户来说看起来都是一样的，但 CSS/Javascript 解决方案将提供最快的界面并且是最简单的。例如，如果从未使用过内容，Ajax 可能会减少下载。

这是一个验证问题。这是导航 Web 应用程序的有效方法吗？通过使用 display 属性或 opacity 属性隐藏/显示 div 来翻阅内容？

注释(对答案的回应)

1. 隐藏的 div 是用户无法更改的静态数据。我认为这很明显，但现在我已经明确了。

谢谢!

Answer 1

你需要这样考虑。

如果隐藏内容是动态的(变化的)，则需要 AJAX，因为 AJAX 通常用于从数据库中获取更新的内容。

如果您的内容是静态的(没有变化)，那么我们在谈论多少新内容？如果新内容位于隐藏的 DIV 中，其大小是否会对呈现时间产生重大影响？如果它很少，那么我会说使用隐藏的 DIV。如果它很多，那么可能是时候考虑使用 AJAX 从外部页面加载它了。

这是一个让您开始使用隐藏 DIV 的简单解决方案:

<script>
     function setVisibility(id, visibility){
     document.getElementById(id).style.display=visibility;}
</script>

<div id="message1" onclick="setVisibility('message1', 'none');setVisibility('message2', 'inline');"> >Hey What's Up?</div>

<div style="display:none;" id="message2">Not Much You?</div>