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'];

  }

?>

ajax实现的点击数目加1代码实例的更多相关文章

  1. jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据

    jQuery.ajax( options ) : 通过 HTTP 请求加载远程数据 这个是jQuery 的底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等. $.ajax() ...

  2. query等待ajax执行完毕再继续执行下面代码的操作

    Jquery等待ajax执行完毕再继续执行下面代码的效果,具体代码如下,其实就是将 jquery ajax 函数的 async 参数设置为 false 即可,该参数默认为 true: $(docume ...

  3. Android动态加载代码技术

    Android动态加载代码技术 在开发Android App的过程当中,可能希望实现插件式软件架构,将一部分代码以另外一个APK的形式单独发布,而在主程序中加载并执行这个APK中的代码. 实现这个任务 ...

  4. ajax接收php返回得到一堆html代码

    ajax接收php返回得到一堆html代码 一.      错误代码: <font size='1'><table class='xdebug-error xe-notice' di ...

  5. jQuery使用（十二）：工具方法之ajax的无忧回调（优雅的代码风格）

    jQuery.ajax()方法的应用 jQuery.ajax()的无忧回调(优雅的代码风格) 一.jQuery.ajax()方法的应用 jQuery.ajax()实质上就是在ajax的基础上进行了封装 ...

  6. msxfs.dll函数加载代码

    msxfs.dll函数加载代码 #include "stdafx.h" #include "WSXFSLoader.h" NS_AWP_DEVICE_WOSA_ ...

  7. angularJs按需加载代码（未验证）

    一网友写的AngularJs按需加载代码,但未验证,放着备用.   application.config(               function($routeProvider) {       ...

  8. PHP+Ajax+plupload无刷新上传头像代码

    很简单的一款PHP+Ajax+plupload无刷新上传头像代码,兼容性很好,可以直接拿来用.你可以自定义各种类型的文件.本实例中只能上传"jpg", "png" ...

  9. UILable 标题加粗代码

    UILable 标题加粗代码: 加粗; [UILabel setFont:[UIFont fontWithName:@"Helvetica-Bold" size:18]]; 加粗并 ...

随机推荐

  1. WeStrom自定义设置修改快捷键

    按照下图操作,不BB: 终极懒人设置:!!!

  2. Windows系统如何安装Redis？

    转自 http://blog.csdn.net/lamp_yang_3533/article/details/52024744   一.Redis的下载地址 Redis官方并没有提供Redis的win ...

  3. Java面向对象之构造代码块 入门实例

    一.基础概念 1.构造代码块,给所有对象进行初始化. 2.构造函数,只给对应的对象初始化. 3.局部代码块,控制局部变量的生命周期. 二.实例代码 class Person { private int ...

  4. SDUT OJ 顺序表应用5：有序顺序表归并

    顺序表应用5:有序顺序表归并 Time Limit: 100 ms Memory Limit: 880 KiB Submit Statistic Discuss Problem Description ...

  5. Qt 学习之路 2（32）：贪吃蛇游戏（2）

    Qt 学习之路 2(32):贪吃蛇游戏(2) 豆子 2012年12月27日 Qt 学习之路 2 55条评论 下面我们继续上一章的内容.在上一章中,我们已经完成了地图的设计,当然是相当简单的.在我们的游 ...

  6. plot over time

    先选择监测点 最后输出,由于所有数据都被输出,因此需要等待久一点 可以勾选需要的值,记得更换勾选变量后再次点击apply 最后的效果: 最后可以把数据写出来做后处理 输出后的数据:

  7. UVA - 11922 区间反转+拼接 可持久化Treap

    题意:一开始给出一个序列\(1,2...n\),然后\(m\)次操作,每次把\([l,r]\)翻转并且拼接到序列的后面,求最后形成的序列 打个pushdown标记就好 #include<iost ...

  8. Oracle中对XMLType的简单操作（extract、extractvalue）

    前几天一直在做Oracle对XMLType字段的操作,我还不是Oracle大拿,到网上找了很多资料,但是很多就是单一功能的介绍,不能很好的解决问题,现在在这里总结下. 1.下面先创建一个名未test. ...

  9. java中的集合：继承关系和简介

    1.继承关系图 2.Collection接口 Collection是最基本的集合接口,一个Collection代表一组Object,即Collection的元素(Elements).一些Collect ...

  10. 使用JWT来实现单点登录功能

    出处: https://www.cnblogs.com/zexin/p/10389541.html 我们平时自己开发项目,分布式的结构时,访问量不大,但是又不想搭建redis服务器,这时我觉得jwt不 ...