84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
我现在有三个页面,都是相关联的,点击跳转的 现在技术要求是点击不要有刷新,让客户感觉是在同一个页面里操作完成这三个页面 他现在也没有提供什么接口和请求我就三个静态页面, 我该怎么弄?????
人生最曼妙的风景,竟是内心的淡定与从容!
把三个页面代码放在一起,利用css的display控制显示隐藏?
如果用angular来做倒是很好实现的
同意 @TooBug 的方法,基本上就是点击的时候屏蔽掉默认跳转,然后使用 $.load 加载页面内容,该方法能非常方便的加载页面的部分内容,最后替换掉页面元素即可。我这里用原生的写一个 DEMO:
$.load
<p>我是本页内容</a> <button href="http://xx.com/page/you_need_load" class="btn">载入下一页</button> <script type="text/javascript"> function getHTML( url ) { return new Promise(function(resolve, reject) { var xhr = new XMLHttpRequest; xhr.responseType = "document"; xhr.open("GET", url, true); xhr.onload = function() { xhr.status === 200 ? resolve( xhr.response ) : reject( Error( xhr.status ) ); } xhr.onerror = function() { reject( Error( xhr.status ) ); } xhr.send( null ); }) } function loadPage(e) { e.preventDefault(); getHTML( this.href ).then( function( html ) { //可以直接复写整个页面的 HTML 代码,也可以复写一部分 document.querySelector("html").outerHTML = html.outerHTML; } this.removeEventListener("click", loadPage); } document.querySelector(".btn").addEventListener("click", loadPage); </script>
提前把数据取出来,用CSS控制吧
三个页面同时加载到一个页面上,通过display来控制显示哪个。
可使用AngularJS
把三个页面代码放在一起,利用css的display控制显示隐藏?
如果用angular来做倒是很好实现的
同意 @TooBug 的方法,基本上就是点击的时候屏蔽掉默认跳转,然后使用
$.load
加载页面内容,该方法能非常方便的加载页面的部分内容,最后替换掉页面元素即可。我这里用原生的写一个 DEMO:提前把数据取出来,用CSS控制吧
三个页面同时加载到一个页面上,通过display来控制显示哪个。
可使用AngularJS