Heim >Web-Frontend >HTML-Tutorial >ajax实现的点击数目加1代码实例_html/css_WEB-ITnose
ajax实现的点击数目加1代码实例_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:55:481185Durchsuche
ajax实现的点击数目加1代码实例:
在点击按钮实现数字增加效果代码实例一章节中，介绍如何点击按钮实现数字加1的效果，但是好像并没有什么实际用处，下面就分享一段相对完整的能够在实际应用中派上用场的代码，此代码是ajax结合php代码实现的。
一.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> 二.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']; }?>
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：让eclipse完全支持HTML/JS/CSS智能提示_html/css_WEB-ITnoseNächster Artikel：14条Yahoo（雅虎）十四条优化原则_html/css_WEB-ITnose