从数据库浏览记录时如何更新页面的一部分

二齿

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

到这里为止一切正常。

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

另一个令人烦恼的烦恼是:在导航时,新页面从一开始就出现在用户的浏览器中,因此用户每次单击箭头时都必须向下滚动。

谢谢!

奥列格·杜巴斯(Oleg Dubas)

您正在谈论的是AJAX,
它是一种完全满足您需要的技术

。1.形成页面本身-页眉,页脚和中间容器。
说,可以<div id="container"></div>

2.在JavaScript(我建议使用jQuery)中将GET或POST请求形成一个单独的脚本,例如ajax.php。通常,参数告诉它要执行什么操作并返回。假设一个示例调用看起来像/ajax.php?page=about

Google jQuery.ajaxjQuery.get以及jQuery.post执行该操作的方法。

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

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

基本上就是这样!

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

更改数据库中的值(Codeigniter)后,如何刷新页面的一部分?

如何使用jQuery刷新页面的一部分

当用户导航回页面时刷新页面的一部分

在 Razor Pages 上不显眼的 ajax 帖子后更新页面的一部分

刷新页面的一部分(div)

选中复选框后,如何刷新页面的一部分?

Angular + Electron基本应用程序不会刷新页面的一部分

更新 .php 页面的一部分

角度ui路由器仅刷新页面的一部分,需要多个视图吗?

用户成功登录后刷新页面的一部分(ASP.NET MVC4)

如何检查mysql数据库是否是用户的一部分

如何正确设计数据库的这一部分(循环引用?)

如何循环在php数据库中的列的一部分

Coldfusion-数据库记录更新时刷新页面

裁剪页面的一部分

打印页面的一部分javascript

如何在aspx页面的一部分中打开HTML页面

使用 Django 仅更新 HTML 页面的一部分

如何使用php将数据传递到我的html页面的另一部分?

点击时停用页面的一部分

如何在JavaScript中打印呈现的HTML页面的一部分?

如何使用AnyEvent :: HTTP仅获取页面的一部分?

如何在水平滚动网站中跳到页面的一部分?

如何链接到页面的一部分?(哈希?)

HTML / CSS如何暂时突出显示页面的一部分

如何仅下载页面的一部分?

更新Access中记录的一部分

重新加载选项卡的一部分及其标签计数器,但是停留在该页面上而不刷新页面

如何在MySQL中将字符串的一部分与大型数据库进行比较