同事问我，咱们从数据库里面获取数据，用ajax的方式展示到前台页面。啥都不说了，动手写个案例吧。

1，建立一个页面：

　　　　
     　　　　　　
数字：
 

2.写一个js，就是ajax

1 var xmlhttp; 2 function showHint() 3 { 4     // 定义新的数组 5     var array = new Array(); 6     // 创建XMLHttpRequest对象 7     if (window.XMLHttpRequest) 8     {
   // code for IE7+, Firefox, Chrome, Opera, Safari 现代浏览器 9         xmlhttp=new XMLHttpRequest();10     }11     else12     {
   // code for IE6, IE5 用户低版本ie13         xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");14     }15     16     // 设置请求类型,请求地址，以及是否启用异步处理请求，大多数设置开启 true17     xmlhttp.open("GET","gethint.php",true);18     // 将请求发送至服务器19     xmlhttp.send();20     // 处理onreadystatechange事件 我们规定当服务器响应已做好被处理的准备时所执行的任务21     xmlhttp.onreadystatechange=function()22     {23         if (xmlhttp.readyState==4 && xmlhttp.status==200)24         {25             document.getElementById("txtHint").innerHTML=xmlhttp.responseText;26         }27     }28 }

3，好吧，写一个php吧，当成服务器。数据是假的。

1 
     

看一下界面：

点击按钮：

1,2,3，不多不少，出来了。