ホームページ > 記事 > ウェブフロントエンド > ajax_html/css_WEB-ITnoseで実装したクリック数に1を加算するコード例
クリック数に 1 を加算する Ajax 実装コード例:
ボタンをクリックして数値を増やす効果を実現するコード例では、ボタンをクリックして 1 を加算する効果を実現する方法が紹介されています。このコードは、ajax と php コードを組み合わせて実装されています。
One.ajax コードは次のとおりです:
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><script type="text/javascript">var xmlhttp=false;function add(){ try{ xmlhttp= new XMLHttpRequest; } catch(e){ xmlhttp= new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open('GET','count.php?a=a',false); xmlhttp.onreadystatechange=func; xmlhttp.send(null);} function func(){ if(xmlhttp.readyState==4){ var msg=xmlhttp.responseText; var tt=document.getElementById("num"); tt.innerHTML=msg; }}</script></head><body>当前页面数据库中访问次数:<div id='num'></div><input type="button" value="增加次数" ></body></html>
Second.php コード:
<?php mysql_connect('localhost','root',''); mysql_selectdb('click'); $rs=mysql_query("UPDATE click SET num = num +1 WHERE name = '".$_GET['a']."'"); if(mysql_affected_rows()==1){ $rs=mysql_query("select * from click where name='".$_GET['a']."'"); $row=mysql_fetch_array($rs); echo $row['num']; }?>