当前位置：文江博客话题详情

为什么不直接使用 ajax 进行页面请求来加载页面内容？

发布于 2024-07-15 09:31:51 字数 161 浏览 6 评论 0原文

许多网页加载其所有内容以更改很少的信息。

现在我想知道为什么开发人员不应该使用ajax来处理主页请求？

在我自己的网页上，我想仅使用 ajax 来开发网页上的主要请求，但我不知道这种方法有任何具体缺点。

有人知道为什么有人不应该过多使用ajax吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

随遇而安 2024-07-22 09:31:51

搜索引擎、爬虫/蜘蛛、没有 JavaScript 的浏览器、屏幕阅读器和其他内容消费者不会对此感到非常满意。

如果您已经支持完整内容的标准服务器端导航，则可以在网站顶部提供大量 Ajax 行为。看看渐进增强（SO）和渐进增强 (wiki)。

回复收藏 0 原文

深海蓝天 2024-07-22 09:31:51

整个前提实际上是，使用 AJAX，您不需要重新加载整个页面来更新该网页的一小部分。这可以节省带宽，并且通常比重新加载整个页面要快得多。

但如果您使用 AJAX 加载整个页面，这实际上会适得其反。您必须编写自定义例程来处理 AJAX 数据的回调。这是大量的额外工作，但性能几乎没有提高。

在何处使用 AJAX 的一般规则：如果您的更新超过页面的 50%，则只需重新加载，否则使用 AJAX。

回复收藏 0 原文

栖竹 2024-07-22 09:31:51

我会给你一个很好的理由。

如果你关闭浏览器中的 javascript，它将无法工作。

回复收藏 0 原文

梦中的蝴蝶 2024-07-22 09:31:51

最大的问题是禁用了 JavaScript 的用户。您的网站根本不适合他们。

回复收藏 0 原文

故事和酒 2024-07-22 09:31:51

除了已经发布的答案之外，使用 AJAX 可能会对浏览器控制产生丑陋的副作用，例如停止按钮不起作用。

回复收藏 0 原文

赠佳期 2024-07-22 09:31:51

一件事是你希望内容有一个静态 URL，你希望人们能够链接到你的页面，为它们添加书签等等。

如果一切都是 ajaxified，这可能会很棘手和/或乏味。

回复收藏 0 原文

苦妄 2024-07-22 09:31:51

好吧，如果您想 AJAX 加载新页面，例如 Gmail 的工作方式相同，我建议您的链接是正常的 HREF 链接，指向真正的完整呈现页面 URL，并使用 onclick 事件来停止正常链接加载的尝试并进行 AJAX 调用。这里的问题是，除非您将这一切架构得很好，否则您将几乎进行双重编码。

这样，普通的非 JS 链接会加载整个页面，而 JS 调用只会加载新的部分或页面。这意味着蜘蛛索引也再次起作用。

回复收藏 0 原文

Spring初心 2024-07-22 09:31:51

好吧，您始终可以使用 jquery 不显眼地添加 onclick 事件并停止正常的 URL 处理。

例如：

HTML

<a id="ajaxify-this" href="my-working-url">Click me to do AJAXy stuff if you have javascript</a>

然后 Javascript

$(document).ready(function() {       
  $("#ajaxify-this").click( function(e) {
       updateContent(); // do something ajaxy with the page
       return false; // stop the click from causing navigation
   })
}

Well, you can always add the onclick event unobtrusively using jquery and stop the normal URL handling.

Eg:

HTML

<a id="ajaxify-this" href="my-working-url">Click me to do AJAXy stuff if you have javascript</a>

then Javascript

$(document).ready(function() {       
  $("#ajaxify-this").click( function(e) {
       updateContent(); // do something ajaxy with the page
       return false; // stop the click from causing navigation
   })
}

回复收藏 0 原文