使用超链接在不刷新页面的情况下更新数据库

3

我该如何创建类似于Facebook“赞”超链接,使我能够在不刷新页面的情况下更新mysql数据库? 换句话说,一旦我点击该超链接,我需要它更新数据库并显示存储在DB中的点赞数量,而无需刷新页面。 谢谢提前。

4个回答

3

简单来说,您需要使用AJAX,在单击超链接时使用JavaScript触发它。

有以下选项可用于使用AJAX:-

  1. 使用JavaScript自己的函数来触发AJAX。
  2. 使用JavaScript库,如 jQueryPrototype 和其他一些。

到目前为止,jQuery将最适合新手,并且您可以在此处查看有关AJAX的更多详细信息。

希望能对您有所帮助。


1

比我的前任更简单的话;

这就是你所拥有的

//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);
//防止默认行为 return false; }
//html a href='somewhereOverTheRainbow' onclick='return likeIt(this)'>LikeThis...

@javascriptWizards; 我知道,他应该使用addEventListener,然后获取一个真正的事件,可以在其中调用preventDefault等。

除了ajax方式外,您还可以使用json-p、img或iframe甚至使用websockets。但为了简单和方便,请坚持使用ajax方式!

一般来说,实现像Facebook的“赞”或Google的“+1”这样的功能似乎非常微不足道。但事实远非如此,这是Web中最难做的事情之一!前端很容易,就像做蛋糕一样简单。但后端……如果你想让你的网站扩展并需要正常的数据库响应时间,那么这将让你跪下。


0
我建议使用AJAX方法,但是提一下,通过将按钮放在iframe中,也可以实现相同的效果,这个iframe可以直接跳转链接而无需刷新页面。

谢谢大家尝试帮助我,我想 iframe 方法是最简单的,我使用了 iframe,非常简单和整洁。再次感谢大家的帮助,非常感激。 - wfareed


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接