ajax产品列表页还是比较炫酷的,可义乌网站建设客户反应点产品详细页再后退到列表页就会从头开始重新加载,这样对客户太不友好了。能恢复到点详细页之前的位置,继续向下查看产品才正常的阅读习惯。
怎么解决义乌网站建设客户ajax列表页回退定位?
提到定位,那肯定是要保存现场,一想到保存现场,肯定有人要想到cookies,因为cookies的不稳定性,主要是浏览器内核不同,能保存的最大数据量不同,就会造成数据少了,这样就不对了。我用cookies测试,逻辑上是对的,可恢复定位时,总是数据量不对,好像只能保存那么多产品的数据一样。
百度了大家都用html5存储来实现保存义乌网站建设客户网站列表页相关数据。html5存储实现还是很简单的。
var show=localstorage.getitem("show"); //获得项名为show的数据 localstorage.removeitem("show");//删除键值为show项 localstorage.setitem("li", lidata);//设置li项的值为lidata
上面就是html存储的存,取,删,更新就是存储,利用html5的存储来保存ajax的定位,跳到详细产品页时设置一个开关项,返回时有开关项就取保存的值,恢复后如果再取新的或者获取的产品列表页参数有变都要变更保存的ajax定位。
这里只是讲解如何来实现义乌网站建设客户ajax返回定位实现原理,具体实现还需要自己去调试。