PHPで更新せずに「いいね!」を達成する方法

藏色散人
リリース: 2023-03-05 07:42:01
オリジナル
2887 人が閲覧しました

php メソッドで更新不要のいいね! を実現します: まず、ajax のindex.php を介してボタンをクリックし、次に js 応答を実装し、次に ajax を介して「sever.php」に非同期的に送信し、最後に js を介してページに戻ります。 . リフレッシュいいねはありません。

PHPで更新せずに「いいね!」を達成する方法

推奨: 「PHP ビデオ チュートリアル

ajax php mysql は関数のような非更新を実装します# ############################「いいね!」ボタンをクリックすると、更新されずにその横の「いいね!」の数が増加することが動的な画像からわかります。データベースを開くと、「いいね!」の数が更新されていることも確認できます。

原則は、ajax を通じてデータベースにデータを非同期的に送信することです。

PHPで更新せずに「いいね!」を達成する方法まず、フロントエンドページはボタンと「いいね!」の数です。

データベース名、テスト、テーブル名 zan、フィールド zan

ajaxindex.php

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>异步提交</title>
    <script src="jquery-2.1.1.min.js"></script>
    <script src="ajaxindex.js"></script>
</head>
<body>
    <button id="btn">赞</button>
    <span id="result">
        <?php
        $con = mysql_connect("localhost","root","root");
        if (!$con)
        {
        die(&#39;连接数据库失败,失败原因:&#39; . mysql_error());
        }
        //设置数据库字符集  
        mysql_query("SET NAMES UTF8");
        //查询数据库
        mysql_select_db("test", $con);
        $result = mysql_query("SELECT * FROM zan");
        while($row = mysql_fetch_array($result))
        {
        echo $row[&#39;zan&#39;];
        }
        //关闭连接
        mysql_close($con);
        ?>
    </span>
</body>
</html>
ajaxindex.js
$(document).ready(function(){
    $("#btn").on("click",function(){
        $.get("sever.php",{name:$("#btn").val()},function(data){
            $("#result").text(data);
        });
    });
});
ログイン後にコピー

sever.php

<?php
header("Content-type:text/html;charset=utf-8");
//连接数据库
$con = mysql_connect("localhost","root","root");
if (!$con)
  {
  die(&#39;连接数据库失败,失败原因:&#39; . mysql_error());
  }
//设置数据库字符集  
mysql_query("SET NAMES UTF8");
//查询数据库
mysql_select_db("test", $con);
//更新
mysql_query("UPDATE zan SET zan = zan+1");
$result = mysql_query("SELECT * FROM zan");
if(isset($_GET[&#39;name&#39;])){
while($row = mysql_fetch_array($result))
  {
  echo $row[&#39;zan&#39;];
  }
}else{
    echo "赞失败!";
}
//关闭连接
mysql_close($con);
?>
ログイン後にコピー

一般的な考え方:

ajaxindex.php を通じてボタンをクリックすると、js が反応し、ajax が非同期で sever.php に送信され、js を通じてページに返されるため、更新する必要はありません。

sever.php は、データのクエリと更新に使用され、更新後にデータをページに出力します。

デモ全体をダウンロード: https://pan.lanzou.com/1485785

以上がPHPで更新せずに「いいね!」を達成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
php
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート