这个网站使用了什么编程技术？

Question

我正在尝试从AJAX和jQuery中学习一些东西，我相信这是一个程序员必须具备的基本知识。我是一个自学成才的人，所以我正在阅读教程和例子，以便尽可能好地接触这些技术。

我看到这个页面www.soby.gr，我猜它的主要内容使用XML (是一个类似groupon的聚合器)。我的问题是，他们在页面左侧的菜单中使用了什么。当您单击/选择一个选项时，主页上的内容将根据用户单击的条件进行更改。例如，SPA将仅显示具有SPA的交易。我喜欢的是过滤内容的速度。

谁能给我一些关于它是如何工作的线索，以及使用了什么技术来实现快速的内容变化？

谢谢你们所有人。

Answer 1

使用jquery可以很容易地做到这一点。有一个名为.load('your div content page path')的jquery内置函数，所以当你点击一个菜单时，你只能加载特定的部分。下面是一个示例：

$(function(){
$("#1stmenu").live('click', function(){ 
    $("#content").load('1stdivcontent.html'); 
    return false;
});

$("#2ndmenu").live('click', function(){
    $("#content").load('2nddivcontent.html');
    return false;
});});

Answer 2

“谁能给我一些关于它是如何工作的线索，以及使用了什么技术来快速改变内容？”

看起来所有的内容都已经加载到DOM中了，它们只是使用Prototype / JavaScript来显示/隐藏。

Answer 3

菜单工作原理背后的主要思想是一个基本的过滤器。例如，最初将加载所有“交易项目”，并将多个相关类添加到每个项目。左侧的每个链接将隐藏主区域中的所有交易项目，然后显示具有相关类别的所有项目。

这个基本功能是quite easy to implement (edit)，但也存在更多功能丰富的插件，如Isotope for jQuery。