ajax+php+mysql實現無刷新點贊功能

wdzgege 發布于2019-06-28 13:22 / 3249人閱讀

摘要：從動態圖看出來，點擊贊的按鈕的時候，旁邊的贊數量在無刷新地增加。打開數據庫也能看到贊數量更新了。原理就是通過異步提交數據給數據庫。就是一個查詢和更新數據的，更新之后再把數據輸出給頁面。

從動態圖看出來，點擊贊的按鈕的時候，旁邊的贊數量在無刷新地增加。打開數據庫也能看到贊數量更新了。

原理就是通過ajax異步提交數據給數據庫。
首先前端頁面就是一個按鈕和贊數量。

數據庫名，test，表名zan，字段zan

ajaxindex.php




    
    異步提交

ajaxindex.js

$(document).ready(function(){
    $("#btn").on("click",function(){
        $.get("sever.php",{name:$("#btn").val()},function(data){
            $("#result").text(data);
        });
    });
});

sever.php

總體思路：
通過ajaxindex.php點擊按鈕，js反應，ajax異步提交給sever.php再通過js返回給頁面，就不用刷新了。
sever.php就是一個查詢和更新數據的，更新之后再把數據輸出給頁面。

整個demo下載

云服務器 GPU云服務器 php實現無刷新跳轉 Ajax無刷新無刷新ajax分頁 ajax無刷新頁面

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/25609.html

ajax+php+mysql實現無刷新點贊功能

摘要：從動態圖看出來，點擊贊的按鈕的時候，旁邊的贊數量在無刷新地增加。打開數據庫也能看到贊數量更新了。原理就是通過異步提交數據給數據庫。就是一個查詢和更新數據的，更新之后再把數據輸出給頁面。 showImg(https://segmentfault.com/img/bVSr29?w=579&h=412); 從動態圖看出來，點擊贊的按鈕的時候，旁邊的贊數量在無刷新地增加。打開數據庫也能看到贊數...

WalkerXu 2019-08-01 17:21 評論0 收藏0
ajax+php+mysql實現無刷新點贊功能

摘要：從動態圖看出來，點擊贊的按鈕的時候，旁邊的贊數量在無刷新地增加。打開數據庫也能看到贊數量更新了。原理就是通過異步提交數據給數據庫。就是一個查詢和更新數據的，更新之后再把數據輸出給頁面。 showImg(https://segmentfault.com/img/bVSr29?w=579&h=412); 從動態圖看出來，點擊贊的按鈕的時候，旁邊的贊數量在無刷新地增加。打開數據庫也能看到贊數...

Juven 2019-08-20 18:36 評論0 收藏0
jQuery+AJAX+PHP+MySQL數據庫開發搜索功能，無跳轉無刷新搜索。

摘要：知識點提交表單，查詢數據庫，返回數組，遍歷輸出數組演示當表單無輸入任何關鍵詞的時候，返回請輸入關鍵詞當表單輸入的關鍵詞查詢無果的時候，返回無結果當表單輸入的關鍵詞查詢有結果，則返回結果。知識點：ajax提交表單，php查詢數據庫，php返回json數組，javascript遍歷輸出json數組演示： 1、當表單無輸入任何關鍵詞的時候，返回請輸入關鍵詞... showImg(http...

starsfun 2019-08-22 18:41 評論0 收藏0
jQuery+AJAX+PHP+MySQL數據庫開發搜索功能，無跳轉無刷新搜索。

摘要：知識點提交表單，查詢數據庫，返回數組，遍歷輸出數組演示當表單無輸入任何關鍵詞的時候，返回請輸入關鍵詞當表單輸入的關鍵詞查詢無果的時候，返回無結果當表單輸入的關鍵詞查詢有結果，則返回結果。知識點：ajax提交表單，php查詢數據庫，php返回json數組，javascript遍歷輸出json數組演示： 1、當表單無輸入任何關鍵詞的時候，返回請輸入關鍵詞... showImg(http...

yagami 2019-07-01 10:19 評論0 收藏0