我正在使用PHP和MySQL构建站点。一些查询返回多个记录。每个记录都有一个单独的页面。用户可以使用箭头在页面(记录)之间导航。
到这里为止一切正常。
但是有些刺激性...当用户导航到其他页面时,整个页面都被重新绘制(页眉,正文,页脚等)。我只想更新正文,甚至只更新MySql中属于新记录的图像和一些相关文本,而无需重新加载所有内容。
另一个令人烦恼的烦恼是:在导航时,新页面从一开始就出现在用户的浏览器中,因此用户每次单击箭头时都必须向下滚动。
谢谢!
您正在谈论的是AJAX,
它是一种完全满足您需要的技术
。1.形成页面本身-页眉,页脚和中间容器。
说,可以<div id="container"></div>
。
2.在JavaScript(我建议使用jQuery)中将GET或POST请求形成一个单独的脚本,例如ajax.php。通常,参数告诉它要执行什么操作并返回。假设一个示例调用看起来像/ajax.php?page=about
Google jQuery.ajax
,jQuery.get
以及jQuery.post
执行该操作的方法。
3.该脚本的作用-以清晰的HTML格式返回页面内容的中间部分。
4.成功加载数据后,您的主JavaScript会将获得的内容插入“容器”中。
喜欢,$("#container").html( content );
基本上就是这样!
尽管您需要从导航<a href="...">
到JavaScript链接,执行AJAX请求以加载不同的内容等,但您仍需要更改导航。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句