我主要使用 AJAX 来更新网页的一部分,而不是重新加载整个页面。
我可以不使用 AJAX 吗
如果您不需要来自服务器的任何新信息,只需使用 JavaScript 来操作 DOM。将事件处理程序添加到您的 HTML 元素以触发您的 JavaScript 代码。
从服务器获取新信息并将其提供给 JavaScript 的一个示例:将<script src="...">
节点添加到 DOM。
如果您只想更改图像,则更改.src
DOM 图像的属性,或者从 JavaScript 创建一个new Image
并将其添加到 DOM。
如果您想在矩形上绘制一些东西,请创建一个<canvas>
元素并使用 JavaScript 绘制到它。
可能还有很多其他的方法。
如果要在服务器端完成某些事情而不刷新,您应该使用AJAX
. 否则,您可以简单地使用 javascript 代码。
对于显示/隐藏内容(如果在服务器端什么都不做),您可以简单地使用javascript
代码或jquery
.
例如。
简单的javascript
document.getElementById('myContent').display = 'none';
document.getElementById('myContent').display = 'block';
jquery
$('#myContent').hide();
$('#myContent').show();
myContent
内容元素 ID在哪里
是的。我经常这样做,例如使用选项卡式菜单,因此页眉、页脚和菜单保持不变,但内容会发生变化。我通过在两个内容周围包装一个类来做到这一点,然后显示:none; 在导致它隐藏的类之一上。然后单击您选择的,在 javascript 函数中使用 jquery 函数,然后您可以在两个类之间切换,从而有效地为您提供内容更改。它对我来说很完美,看看你的想法。这是代码:
function doSlide()
{
$('#sidepanel').toggleClass("hidesidepanel showsidepanel", 1000);
$('#maincontent').toggleClass("show maincontent hidemaincontent", 1000);
$('#openmenu').toggleClass("openmenuleft openmenuright", 1000);
}