如何在从DB浏览记录时更新部分页面

时间:2014-05-07 12:54:17

标签: php jquery html mysql css

我正在使用PHP& MySQL的。一些查询返回多个记录。每条记录都有一个单独的页面。用户可以使用箭头在页面(记录)之间导航。

直到这里一切正常。

但有些令人恼火的......当用户导航到其他页面时,整个页面都会被重新绘制(页眉,正文,页脚等)。我想只更新主体,甚至只更新属于新记录的MySql中的图像和一些相关文本,而不重新加载所有内容。

另一个与之相关的烦恼:导航时,新页面出现在用户身上。浏览器从一开始就是如此,因此用户每次点击箭头时都必须向下滚动。

谢谢!

2 个答案:

答案 0 :(得分:2)

你在谈论AJAX
这是一项完全符合您需要的技术。
 1.您自己形成页面 - 页眉,页脚和中间容器。
说,它可以是<div id="container"></div>

 2.你在JavaScript(我推荐jQuery)中形成一个GET或POST请求到一个单独的脚本,比如ajax.php。通常参数告诉它取回和返回什么。比方说,示例通话看起来像/ajax.php?page=about

由于jQuery.ajaxjQuery.getjQuery.post方法,如何操作。

 3.该脚本的作用 - 它以清晰的HTML格式返回页面内容的中间位置。

 4.成功加载数据后,您的主JavaScript会将其内容插入到“容器”中。
赞,$("#container").html( content );

基本上就是这样!

您需要更改导航,从<a href="...">等链接到JavaScript,执行AJAX请求以加载不同内容等等。

答案 1 :(得分:1)

在不离开当前页面的情况下发出ajax请求,并获得可以轻松显示在body内部任何div上的响应。 有关详细信息jquery.ajax()