ajax - 我们可以在不使用 AJAX 的情况下更改页面的内容吗

Question

我主要使用 AJAX 来更新网页的一部分，而不是重新加载整个页面。

我可以不使用 AJAX 吗

Answer 1

如果您不需要来自服务器的任何新信息，只需使用 JavaScript 来操作 DOM。将事件处理程序添加到您的 HTML 元素以触发您的 JavaScript 代码。

从服务器获取新信息并将其提供给 JavaScript 的一个示例：将<script src="...">节点添加到 DOM。

如果您只想更改图像，则更改.srcDOM 图像的属性，或者从 JavaScript 创建一个new Image并将其添加到 DOM。

如果您想在矩形上绘制一些东西，请创建一个<canvas>元素并使用 JavaScript 绘制到它。

可能还有很多其他的方法。

Answer 2

请参考，刷新没有 ajax 的 div 的内容

如果要在服务器端完成某些事情而不刷新，您应该使用AJAX. 否则，您可以简单地使用 javascript 代码。

对于显示/隐藏内容（如果在服务器端什么都不做），您可以简单地使用javascript代码或jquery.

例如。

简单的javascript

document.getElementById('myContent').display = 'none';
document.getElementById('myContent').display = 'block';

jquery

$('#myContent').hide();
$('#myContent').show();

myContent内容元素 ID在哪里

Answer 3

是的。我经常这样做，例如使用选项卡式菜单，因此页眉、页脚和菜单保持不变，但内容会发生变化。我通过在两个内容周围包装一个类来做到这一点，然后显示：none; 在导致它隐藏的类之一上。然后单击您选择的，在 javascript 函数中使用 jquery 函数，然后您可以在两个类之间切换，从而有效地为您提供内容更改。它对我来说很完美，看看你的想法。这是代码：

function doSlide()
  {
  $('#sidepanel').toggleClass("hidesidepanel showsidepanel", 1000);
  $('#maincontent').toggleClass("show maincontent hidemaincontent", 1000);
  $('#openmenu').toggleClass("openmenuleft openmenuright", 1000);
  }