摘要:從動(dòng)態(tài)圖看出來(lái),點(diǎn)擊贊的按鈕的時(shí)候,旁邊的贊數(shù)量在無(wú)刷新地增加。打開數(shù)據(jù)庫(kù)也能看到贊數(shù)量更新了。原理就是通過異步提交數(shù)據(jù)給數(shù)據(jù)庫(kù)。就是一個(gè)查詢和更新數(shù)據(jù)的,更新之后再把數(shù)據(jù)輸出給頁(yè)面。
從動(dòng)態(tài)圖看出來(lái),點(diǎn)擊贊的按鈕的時(shí)候,旁邊的贊數(shù)量在無(wú)刷新地增加。打開數(shù)據(jù)庫(kù)也能看到贊數(shù)量更新了。
原理就是通過ajax異步提交數(shù)據(jù)給數(shù)據(jù)庫(kù)。
首先前端頁(yè)面就是一個(gè)按鈕和贊數(shù)量。
數(shù)據(jù)庫(kù)名,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點(diǎn)擊按鈕,js反應(yīng),ajax異步提交給sever.php再通過js返回給頁(yè)面,就不用刷新了。
sever.php就是一個(gè)查詢和更新數(shù)據(jù)的,更新之后再把數(shù)據(jù)輸出給頁(yè)面。
整個(gè)demo下載
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/84757.html
摘要:從動(dòng)態(tài)圖看出來(lái),點(diǎn)擊贊的按鈕的時(shí)候,旁邊的贊數(shù)量在無(wú)刷新地增加。打開數(shù)據(jù)庫(kù)也能看到贊數(shù)量更新了。原理就是通過異步提交數(shù)據(jù)給數(shù)據(jù)庫(kù)。就是一個(gè)查詢和更新數(shù)據(jù)的,更新之后再把數(shù)據(jù)輸出給頁(yè)面。 showImg(https://segmentfault.com/img/bVSr29?w=579&h=412); 從動(dòng)態(tài)圖看出來(lái),點(diǎn)擊贊的按鈕的時(shí)候,旁邊的贊數(shù)量在無(wú)刷新地增加。打開數(shù)據(jù)庫(kù)也能看到贊數(shù)...
摘要:從動(dòng)態(tài)圖看出來(lái),點(diǎn)擊贊的按鈕的時(shí)候,旁邊的贊數(shù)量在無(wú)刷新地增加。打開數(shù)據(jù)庫(kù)也能看到贊數(shù)量更新了。原理就是通過異步提交數(shù)據(jù)給數(shù)據(jù)庫(kù)。就是一個(gè)查詢和更新數(shù)據(jù)的,更新之后再把數(shù)據(jù)輸出給頁(yè)面。 showImg(https://segmentfault.com/img/bVSr29?w=579&h=412); 從動(dòng)態(tài)圖看出來(lái),點(diǎn)擊贊的按鈕的時(shí)候,旁邊的贊數(shù)量在無(wú)刷新地增加。打開數(shù)據(jù)庫(kù)也能看到贊數(shù)...
摘要:知識(shí)點(diǎn)提交表單,查詢數(shù)據(jù)庫(kù),返回?cái)?shù)組,遍歷輸出數(shù)組演示當(dāng)表單無(wú)輸入任何關(guān)鍵詞的時(shí)候,返回請(qǐng)輸入關(guān)鍵詞當(dāng)表單輸入的關(guān)鍵詞查詢無(wú)果的時(shí)候,返回?zé)o結(jié)果當(dāng)表單輸入的關(guān)鍵詞查詢有結(jié)果,則返回結(jié)果。 知識(shí)點(diǎn):ajax提交表單,php查詢數(shù)據(jù)庫(kù),php返回json數(shù)組,javascript遍歷輸出json數(shù)組 演示: 1、當(dāng)表單無(wú)輸入任何關(guān)鍵詞的時(shí)候,返回請(qǐng)輸入關(guān)鍵詞... showImg(http...
摘要:知識(shí)點(diǎn)提交表單,查詢數(shù)據(jù)庫(kù),返回?cái)?shù)組,遍歷輸出數(shù)組演示當(dāng)表單無(wú)輸入任何關(guān)鍵詞的時(shí)候,返回請(qǐng)輸入關(guān)鍵詞當(dāng)表單輸入的關(guān)鍵詞查詢無(wú)果的時(shí)候,返回?zé)o結(jié)果當(dāng)表單輸入的關(guān)鍵詞查詢有結(jié)果,則返回結(jié)果。 知識(shí)點(diǎn):ajax提交表單,php查詢數(shù)據(jù)庫(kù),php返回json數(shù)組,javascript遍歷輸出json數(shù)組 演示: 1、當(dāng)表單無(wú)輸入任何關(guān)鍵詞的時(shí)候,返回請(qǐng)輸入關(guān)鍵詞... showImg(http...
閱讀 2793·2021-10-11 10:57
閱讀 2402·2021-08-27 16:20
閱讀 1384·2019-08-30 13:03
閱讀 1563·2019-08-30 12:50
閱讀 3336·2019-08-29 14:16
閱讀 1561·2019-08-29 11:12
閱讀 1613·2019-08-28 17:53
閱讀 2893·2019-08-27 10:58