我正在使用PHP& MySQL的。一些查询返回多个记录。每条记录都有一个单独的页面。用户可以使用箭头在页面(记录)之间导航。
直到这里一切正常。
但有些令人恼火的......当用户导航到其他页面时,整个页面都会被重新绘制(页眉,正文,页脚等)。我想只更新主体,甚至只更新属于新记录的MySql中的图像和一些相关文本,而不重新加载所有内容。
另一个与之相关的烦恼:导航时,新页面出现在用户身上。浏览器从一开始就是如此,因此用户每次点击箭头时都必须向下滚动。
谢谢!
答案 0 :(得分:2)
你在谈论AJAX
这是一项完全符合您需要的技术。
1.您自己形成页面 - 页眉,页脚和中间容器。
说,它可以是<div id="container"></div>
。
2.你在JavaScript(我推荐jQuery)中形成一个GET或POST请求到一个单独的脚本,比如ajax.php。通常参数告诉它取回和返回什么。比方说,示例通话看起来像/ajax.php?page=about
由于jQuery.ajax
,jQuery.get
和jQuery.post
方法,如何操作。
3.该脚本的作用 - 它以清晰的HTML格式返回页面内容的中间位置。
4.成功加载数据后,您的主JavaScript会将其内容插入到“容器”中。
赞,$("#container").html( content );
基本上就是这样!
您需要更改导航,从<a href="...">
等链接到JavaScript,执行AJAX请求以加载不同内容等等。
答案 1 :(得分:1)
在不离开当前页面的情况下发出ajax请求,并获得可以轻松显示在body内部任何div上的响应。 有关详细信息jquery.ajax()