更新数据库而不使用超链接刷新页面

Posted 2023-02-24

技术标签:

【中文标题】更新数据库而不使用超链接刷新页面【英文标题】：update database without refreshing the page using a hyperlink 【发布时间】：2011-09-23 22:22:09 【问题描述】：

如何创建类似于 Facebook LIKE 超链接的内容，它允许我在不刷新页面的情况下更新 mysql 数据库？换句话说，我需要这个超链接来更新数据库，一旦我点击它并显示有多少喜欢存储在数据库中而不刷新页面。提前致谢。

【问题讨论】：

【参考方案1】：

简单来说，你需要使用 AJAX，当你点击超链接时，它会被触发，使用 javascript。

有这些选项可以使用 AJAX：-

使用 JavaScript 自己的函数来触发 AJAX。使用 JavaScript 库，例如 jQuery、Prototype 等。

到目前为止，jQuery 将最适合每个新手，您可以查看here 了解有关 AJAX 的更多详细信息。

希望对你有帮助。

【讨论】：

【参考方案2】：

用比我的前任更简单的话；

这就是你所拥有的

//html a href='somewhereOverTheRainbow'>LikeThis...

这是你应该拥有的

//javascript var likeIt=function(myAnchorElem) //通过 Zepto、jQuery、Mootools、Dojo、ExtJS 将信息发送到 ajax - 你可以命名它 - 或独立的 ajax 库 jQuery.get("somewhere.overtherainbow.com/like.php?url="+myAnchorElem.url); //防止默认返回假； //html a href='somewhereOverTheRainbow' onclick='return likeIt(this)'>LikeThis...

@javascriptWizards;我知道，他应该改用addEventListener 来获得一个真实的事件，在该事件上他可以调用 preventDefault 等等。

在 ajax 方式旁边，您可以使用 json-p、img 或 iframe，甚至可以使用 websockets。但是为了简单和方便，坚持使用 ajax 方式！

一般;使诸如facebook like或google“+1”接缝之类的功能非常微不足道。事实远非如此；这是网络上最难做的事情之一！它的前端就像蛋糕一样简单。但是后端...希望您的网站扩展并要求/需要正常的数据库响应时间会让您屈服

【讨论】：

【参考方案3】：

我建议使用 AJAX 方法，但要提一下，通过将按钮放在 iframe 中，可以在不使用 AJAX 的情况下实现效果，然后该 iframe 可以跟随链接而无需刷新页面。

【讨论】：

感谢大家的帮助，我想 iframe 方法是最简单的，我使用 iframe 做到了，如此简单整洁，再次感谢大家的帮助，不胜感激。【参考方案4】：

http://infrequently.org/07/OSCON/sample_code.pdf

http://webdeveloper.econsultant.com/ajax-demos-examples-code-samples/

一些代码示例

【讨论】：