Facebookスタイルの変更テキスト

Question

コード分割を検索しています。私は最初にリンクをクリックしてMySQLクエリを実行し、リンクを変更したいと思う。

私はこれを見つけたが、唯一の変更テキストです：

<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'); 

例：=>

同様（56の同類）
クリックボタンのような のFacebook（更新は好きです。 ...... ..... likecount + = 1） と異なり（57点）

どうすればいいですか？

Answer 1

onclickハンドラでAJAXリクエストを実行する必要があります。これは、SQLクエリを作成する何らかの種類のWebサービスやスクリプトと対話する必要があります。

通常、AJAXを使用して、MySQL APIを使用してMySQLデータベースとやりとりするPHPスクリプトにリクエストを送信します。

これらのキーワードのいずれかを検索すると、多くの例とチュートリアルが表示されます。

Answer 2

必要なファイル：

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 < - Ajaxの方法

を介して呼び出される - 保存ユーザセッションに< ajaxlike.php

<?php 
session_start(); 
$_SESSION['id']; 
?> 

2. をログに記録します

コード： -

<?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 
    )