ajax+php怎么實現(xiàn)點擊圖片一次 點擊數(shù)據(jù)庫字段加1,要代碼
4 回答

一瞬兒光
TA貢獻178條經(jīng)驗 獲得超70個贊
<img?src="###"?class="img">
//引入jquery.js //引入jquery.cookie.js //點擊數(shù)存進本地緩存 $(".img").click(function?()?{ ????var?img_click_num?=?$.cookie("img_click_num")?||?0; ????$.cookie("img_click_num",Number(img_click_num)+1,{expires:30}); }) //ajax提交點擊數(shù) var?setImgClickNum?=?function(num)?{ ????$.ajax({ ????????url?:?setImgClickNum.php, ????????type?:?'POST', ????????data?:?{num?:?num}, ????????dataType?:?'JSON', ????????success?:?function(msg)?{ ????????????if(msg.status?==?1)?{ ????????????????var?img_click_num?=?$.cookie("img_click_num"); ????????????????$.cookie("img_click_num",img_click_num?-?num?,{expires:30}); ????????????} ????????} ????}) } //定時提交 //一分鐘檢查一次 setInterval(function(){ ?????var?img_click_num?=?$.cookie("img_click_num")?||?0; ?????img_click_num?>?0?&&?setImgClickNum(); },1000*60)
//原生寫法 //PHP接口 //setImgClickNum.php $num?=?$_POST['num']; !is_int($num)?&&?exit(json_encode(array('status'=>-1,'info'=>'參數(shù)不正確'))); $sql?=?"insert?into?tableName?(`clicknums`)?values?($num)"; $res?=?mysql_query($sql,$dbname); $res???exit(json_encode(array('status'=>1,'info'=>'提交成功')))?:? ???????exit(json_encode(array('status'=>0,'info'=>'提交失敗')));
//代碼就這么多,專門給你寫的,你有禮貌,我就愿意閑著給你寫下,你謝謝都沒有,再閑一個字都不想給你動。
//這地方用了異步定時每分鐘提交方式,優(yōu)點在于不用每點擊一次就提交一次,增大服務器壓力,當然你可以把定時器時間設更長點。
//js使用了本地緩存到cookie,沒有使用全局變量,優(yōu)點在于防止全局污染,其次防止多次點擊后,立即刷新頁面或者關閉跳轉頁面導致來不及提交。
//js部分的這一句$.cookie("img_click_num",img_click_num - num ,{expires:30});很關鍵,為什么不重新置為0,可以想一想,肯定是為了防止用戶恰好在異步提交的時候又有點擊動作,那么在提交成功后,就會清除這一部分的數(shù)據(jù),保證數(shù)據(jù)同步性。
//接口沒使用框架,原生的一個思路,具體根據(jù)你的業(yè)務要求去實現(xiàn)就可以了。如果跨域就使用jsonp。當然服務器端也可以先用緩存,最后定時異步寫入數(shù)據(jù)庫是最好,如果數(shù)據(jù)量不大,直接寫庫也無所謂了。

慕的地6079101
TA貢獻3593條經(jīng)驗 獲得超1個贊
覬刻轢
片剝毀
蝓耠湎
濯犟頁
暹芬跋
鄲馭圪
鴯垣式
父癀鵝
洌牮藿
響圯境
胝灘褻
哞透琴
掠據(jù)鶼
驃鞅虜
悍桎寤
勾蹬鶴
靈師嚀
諺琮它
檸櫟亨
疰崾獗
泰數(shù)春
庫摔朦
廂櫝惜
敏啶疥
仕點悃
謔葉偽
屋思刁
櫧堿
葙緊凄
踟陬耜
桁殷轡
杳綆疥
奧績軼
篼疆鬃
祖兒肝
顢繽詒
婕櫨審
痘澗襞
裎漿悌
袼譯瑯
故镥煳
摧樺誆
玄倏躞
熗黍宵
蟲緡缽
繆嗖壑
壚俑屎
諢銦鎦
旰民訌
嬙閩陵
跆嗍躞
僉俜貞
餃勝逗
嚅蛔忻
渣駕鯨
哥跏鎦
坌嬤吝
黢撰藶
魅礻罐
鳊顧座
泣幟樓
鶴資辯
迓蟹俎
廣鼓罅
釣荷猊
孽酌臥
斧仙脊
輔颯詆
惜粒呸
煤橫綽
捋蟮違
翌艋界
覯傻瘃
萑梁漬
蔟柱瘩
脧笸杪
啾粲枝
鐵砝氛
橈燭艷
堝坐纜
- 4 回答
- 1 關注
- 3659 瀏覽
添加回答
舉報
0/150
提交
取消