2011-06-28 144 views
3

我如何創建類似於Facebook LIKE超鏈接的東西,它允許我在不刷新頁面的情況下更新mysql數據庫? 換句話說,我需要這個超鏈接來更新數據庫,一旦我點擊它並顯示在沒有頁面刷新的情況下存儲在數據庫中的多少喜歡。 感謝advace。更新數據庫而不使用超鏈接刷新頁面

+3

答案是標籤 – SinistraD

回答

0

我建議使用AJAX方法,但只要提到它,通過將按鈕放在iframe中就可以實現該效果,然後該iframe可以在沒有頁面刷新的情況下跟隨鏈接。

+2

理論上是正確的,但它現在是2011年:P – Fredrik

+0

感謝所有試圖幫助我,我認爲iframe方法是最簡單的,我使用iframe做到了,如此簡單和整齊,再次感謝所有的幫助,欣賞它。 – wfareed

3

用簡單的話來說,您需要使用AJAX,當您使用JavaScript單擊超鏈接時,它將被解僱。

有這些選項可以使用AJAX: -

  1. 使用JavaScript自己的功能火AJAX。
  2. 使用JavaScript庫,如jQuery,Prototype等。

到目前爲止,jQuery將每一個新手適合到最佳&你可以在here關於AJAX更多細節看看。

希望它有幫助。

1

比我的前任更簡單的話;

這是你有什麼

 
//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或谷歌「+1」接縫這樣的功能非常微不足道。事實遠非如此;這是網絡中難度較大的事情之一!前端很容易就像蛋糕一樣。但後端......想你的網站規模和苛刻/需要正常的數據庫響應時間會帶給你到你的膝蓋