ajax実装のクリック数に1コードを加えた例
1693 ワード
ajax実装のクリック数に1コードを加える例:ボタンをクリックして数値増加効果コードの例を実現の章では、ボタンをクリックして数字に1を加える効果を実現する方法を紹介していますが、実際には役に立たないようです.次に、ajaxとphpコードを組み合わせて実装された比較的完全な実際のアプリケーションで役立つコードを共有します.一.ajaxコードは次のとおりです.
二.phpコード:
<!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>
二.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'];
}
?>