点击一个按钮，然后将信息显示到指定的div内。
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <title>FirstTest.html</title> 5 <script language="javascript"> 6 function onclickAjax(){ 7 var xmlHttp; 8 //分浏览器创建XMLHttp对象 9 if(window.XMLHttpRequest){ 10 xmlHttp=new XMLHttpRequest(); 11 }else if(window.ActiveXObject){ 12 xmlHttp=new ActiveXObject("Microsoft.XMLHTTP") 13 } 14 //设置请求类型 15 xmlHttp.open("POST","test.do?method=ajaxTest&&msg="+new Date(),true); 16 //回调函数 17 xmlHttp.onreadystatechange=function(){ 18 if(xmlHttp.readyState==4){ 19 if(xmlHttp.status==200){ 20 document.getElementById("testid").value=xmlHttp.responseText; 21 }else{ 22 alert("AJAX服务器返回错误！"); 23 } 24 } 25 } 26 //发送请求 27 xmlHttp.send(); 28 } 29 </script> 30 </head> 31 32 <body> 33 <input type="button" value="测试" onclick="onclickAjax()"> 34 <div id="testid"> 35 </div> 36 </body> 37 </html>
具体参考http://www.cnblogs.com/lsnproj/archive/2012/02/07/2340395.html
http://www.cnblogs.com/lsnproj/archive/2012/02/09/2341524.html
http://www.cnblogs.com/aylin/p/5732242.html（包含跨域）