So erreichen Sie Likes ohne Aktualisierung in PHP-PHP-Problem-php.cn

So erreichen Sie Likes ohne Aktualisierung in PHP

藏色散人

Freigeben： 2023-03-05 07:42:01

Original

2892 Leute haben es durchsucht

So erreichen Sie Likes ohne Aktualisierung in PHP: Klicken Sie zuerst auf die Schaltfläche über ajax index.php. Implementieren Sie dann asynchron über ajax die Seite, um Likes ohne Aktualisierung zu erhalten .

So erreichen Sie Likes ohne Aktualisierung in PHP

Empfohlen: „PHP-Video-Tutorial“

ajax+php+mysql zur Implementierung der No-Refresh-ähnlichen Funktion

So erreichen Sie Likes ohne Aktualisierung in PHP

Wie Sie auf dem dynamischen Bild sehen können, wenn Sie auf klicken Like-Button, daneben Die Anzahl der Likes erhöht sich ohne Aktualisierung. Sie können auch sehen, dass die Anzahl der Likes aktualisiert wurde, wenn Sie die Datenbank öffnen.

Das Prinzip besteht darin, Daten asynchron über Ajax an die Datenbank zu übermitteln.

Zuallererst ist die Startseite ein Button und die Anzahl der Likes.

Datenbankname, Test, Tabellenname zan, Feld 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);
        });
    });
});

Nach dem Login kopieren

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

Nach dem Login kopieren

Allgemeine Idee:

Klicken Sie auf die Schaltfläche über ajaxindex.php, js reagiert, Ajax sendet asynchron an sever.php Kehren Sie über js zur Seite zurück, sodass keine Aktualisierung erforderlich ist.

sever.php dient zum Abfragen und Aktualisieren von Daten und gibt die Daten nach der Aktualisierung auf der Seite aus.

Laden Sie die gesamte Demo herunter: https://pan.lanzou.com/1485785

Das obige ist der detaillierte Inhalt vonSo erreichen Sie Likes ohne Aktualisierung in PHP. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!