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

Question

我如何创建类似于Facebook LIKE超链接的东西，这允许我更新mysql数据库而无需刷新页面？ 换句话说，我需要这个超链接来更新数据库，一旦我点击它，并显示有多少喜欢存储在数据库中没有页面刷新。 谢谢你的推荐。

Answer 1

简单来说，您需要使用AJAX，当您使用JavaScript单击超链接时会被触发。

使用AJAX有以下选项： -

1. 使用JavaScript自己的函数来激活AJAX。
2. 使用JavaScript库，例如jQuery，Prototype等。

到目前为止，jQuery将适合每个新手，以及最好的＆amp;您可以查看here以获取有关AJAX的更多详细信息。

希望它有所帮助。

Answer 2

比我的前任更简单;

这就是你拥有的

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

这是你应该拥有的

//javascript
var likeIt=function(myAnchorElem){
    //send info to ajax via Zepto, jQuery, Mootools, Dojo, ExtJS - you name it - or a standalone ajax lib
    jQuery.get("somewhere.overtherainbow.com/like.php?url="+myAnchorElem.url);

    //prevent the default
    return false;
}

//html
a href='somewhereOverTheRainbow' onclick='return likeIt(this)'>LikeThis...

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

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

总的来说;制作像facebook或google“+1”接缝这样的功能非常简单。事实远非如此;这是在网络上做的更难的事情之一！它的前端很容易像蛋糕。但后端...希望您的网站扩展和要求/需要正常的数据库响应时间将让您跪下

Answer 3

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

Answer 4

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

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

一些代码示例