页面跳转的同时如何保持部分内容不重新加载？

就好像下图中的效果，现在的地址是 ...../projects/created点击“所有项目”选项是地址跳转到...../projects/all但是这个过程中左边侧边栏目录没有重新加载，只是右边的内容部分重新加载了，效果像是ajax异步调用请问这是如何实现的？

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

都跳转了，页面内容怎么会不变？
如果跳转的目标是框架，那么设置 target=‘目标框架名’
但此时浏览器地址栏的内容是不会改变的
看不明白就把 HTNL 好好补习一下
好像是做了处理。
这个需要对JS及浏览器相关操作有深入了解才能做到了。
LZ有兴趣可以研读下那个站点上面的JS代码，应该能得到你想要的答案。
iframe框架点击左边iframe页面链接，右边iframe变化
使用frames就可以了。
共四个文件，保存后访问index.html，点左边go main与 go main2，右边跳转，但上面url不变。index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>frames</title>
</head><frameset cols="80,*" frameborder="no" border="0" framespacing="0">
  <frame src="left.html" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
  <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" />
</frameset>
<noframes><body>
</body>
</noframes></html>
left.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> left </title>
</head> <body>
  <a href="main.html" target="mainFrame">go main</a>
  <a href="main2.html" target="mainFrame">go main2</a>
</body>
</html>
main.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> left </title>
</head> <body>
<p>main</p>
</body>
</html>
main2.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> left </title>
</head> <body>
  <p>main2</p>
</body>
</html>
那难道是没跳转，如果没跳转的话，那为什么网页地址变了呢？这是框架间的调转，URL地址栏没有变化，但操作了   你可以打开浏览器的测试工具，是进行操作了   就行Ajax异步操作功能
访问了后台数据【进行URL请求操作】但不会再URL地址栏中表现出来
看不明白这是采用了类似于pjax的技术,html5的pushstate可以对地址栏操作,监控地址栏,但是不会造成整体刷新,而且可以前进后退,传统的ajax,可以实现类似效果,但是不能改变地址栏网址只能改变hash.
这里的coding.net 使用了angularjs 前端框架, 并不是什么iframe
用iframe 标签就可以实现了