2011-09-18 31 views
0

我在网页和我的最左边一栏有一个3栏布局的仅更新有关章节,我的页面的列表,它是在所有一致页面。避免全页面重新加载(!?),而导航通过在一组网页

因此我在想,如果这将是可取的,以防止整个页面加载,当用户尝试切换到不同的页面选择fromt左侧面板列表仅更新页面的neccessary部分。 我应该使用jQuery的preventDefault()来阻止链接的默认行为,并使用ajax更新地址栏url &部分页面?

我想Facebook的也做了同样的事情,当你试图从左侧面板的个人资料页上的不同组的页之间切换!?

回答

2

这是一个完全合理的优化,是的,虽然链接应该继续要在JavaScript中,履带和NoScripters和其他各种边缘情况的利益。

如果更新地址栏pushState,甚至可以使效果无缝。 (该API有点新,slightly glitchy across browsers,但history.js承诺消除这些差异。)浏览a project on github中的树,看看它是如何工作的。

相信github上使用jQuery插件叫做pjax其效果。也许你可以用最小的努力放下它。

1

的链接添加到return false onclick处理。这些将阻止链接被跟踪。

关于更新页面的内容:您应该确实使用Ajax。你有其他具体问题吗?

+0

其实我只是想知道我是否应该这样做..这已被您的答案清除。像Facebook等大型网站也使用这种机制? –

+1

我不是Facebook的粉丝。如果您需要示例,请查看http://www.google.com。 Google搜索引擎是AJAX驱动的网站的明显例子(包括URL更改)。 –

+0

非常感谢Rob! –

相关问题