2012-01-15 85 views
-3

我正在尋找代碼拆分。我想要一個鏈接首先點擊運行一個MySQL查詢並更改鏈接。Facebook風格改變文字

我發現這一點,但唯一不變的文字:

<script type="text/javascript"> 
$(document).ready(function() { 
    // hides the slickbox as soon as the DOM is ready 
    // (a little sooner than page load) 
    $('#slickbox').hide(); 

    // toggles the slickbox on clicking the noted link  
    $('a#slickbox-toggle').click(function() { 
     $('#slickbox').slideToggle(400); 
     return false; 
    }); 
}); 
</script> 
$(this).text($(this).text() == 'Show box' ? 'Hide box' : 'Show box'); 

例子: Facebook的喜歡按鈕=>

(56個喜歡)
單擊(更新喜歡。 ..... ..... likecount + = 1) 不同於(57個喜歡)

我該怎麼做?

回答

0

,你必須執行在你onclick處理Ajax請求。這需要與進行SQL查詢的某種Web服務或腳本進行交互。

的標準是使用AJAX發送到使用MySQL API與MySQL數據庫交互的PHP腳本的請求。

使用Google搜索這些關鍵字會給你很多例子和教程,你可以關注。

0

文件所需:

  1. 的config.php < - 包含數據庫的詳細信息,並連接到數據庫。

代碼:

<?php 
    $host=""; //your hostname 
    $username="";//database username 
    $database="";// database name 
    $password="":// database password 
    $connect=mysql_connect($host,$username,$password); 
    $select=mysql_select_db($database,$connect); 
    if(!$select) 
    exit("Wrong credentials in config file"); 
    ?> 
  1. session.php文件< - 存儲登錄的用戶會話

    <?php 
    session_start(); 
    $_SESSION['id']; 
    ?> 
    
  2. ajaxlike.php < - 要通過AJAX方法來調用

代碼: -

<?php 
    require_once('session.php'); 
    require_once('config.php'); 
    $user=$_SESSION['id']; 
    ?> 

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js">   </script> 
    <script type="text/javascript"> 
    $(".likes").click(function(){ 
    var c=$(this).attr("id"); 
    $(".likes#"+c).html(''); 
    $(".likes#"+c).html('<center><img src="http://www.blogkeen.com/images/loading_fb.gif" height="16"></center>'); 
    $.ajax({ 
    type: "POST", 
    url: "ajaxlike.php", 
    data: {id:c}, 
    cache : false, 
    success: function(data) { 
    $(".likes#"+c).html(''); 
    $(".likes#"+c).append(data); 
    } 
    }); 
    }); 
    </script> 

    <?php 
    $id=$_POST['id']; 

    if($id) 
    { 
    $check=mysql_query("SELECT * FROM likes WHERE liker='$user' AND liked='$id'"); 
    $get=mysql_num_rows($check); 
    echo "<a class=\"likes\" id=\"l{$id}\" style=\"cursor:pointer;cursor:hand;\">"; 
    if($get) 
    { 

    $del=mysql_query("DELETE FROM likes WHERE liker='$user' AND liked='$id'"); 
    echo "Like"; 
    } 
    else 
    { 
    $insert=mysql_query("INSERT INTO likes(liker,liked) VALUES('$user','$id')"); 
    echo "Unlike"; 
    } 
    echo "</a>"; 
    } 
    ?> 
  1. 的index.php <從那裏就像任何項目

    <?php 
    require_once('session.php'); 
    require_once('config.php'); 
    $id=$_SESSION['id']; 
    ?> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $(".likes").click(function(){ 
    var c=$(this).attr("id"); 
    $(".likes#"+c).html(''); 
    $(".likes#"+c).html('<center><img src="http://www.blogkeen.com/images/loading_fb.gif" height="16"></center>'); 
    $.ajax({ 
    type: "POST", 
    url: "ajaxlike.php", 
    data: {id:c}, 
    cache : false, 
    success: function(data) { 
    $(".likes#"+c).html(''); 
    $(".likes#"+c).append(data); 
    } 
    }); 
    }); 
    </script> 
    
    <a id="1" class="likes">Like 1</a><br/> 
    <a id="2" class="likes">Like 2</a><br/> 
    <a id="3" class="likes">Like 3</a><br/> 
    

數據庫結構地點: 運行此查詢創建表

CREATE TABLE likes 
    (
    id int primary key NOT NULL AUTO_INCREMENT, 
    liker int, 
    liked int 
    )