<!doctype html> <html> <head> <meta charset="utf-8"> <title></title> <style> </style> </head> <body> <!--ajax 1.创建Ajax对象 2.连接到服务器 3.发送请求(告诉服务器要哪个文件) 4.接收返回值(把要的文件取回来)--> <script type="text/javascript"> function ajax(url,fnSucc,fnFaild) { //1.创建Ajax对象 //if(XMLHttpRequest)(在IE6下作为一个变量如果没定义会报错，如果作为属性会提示undefined，所以在前面加window.) if(window.XMLHttpRequest) { //非IE6 var oAjax = new XMLHttpRequest(); } else { //IE6 var oAjax = new ActiveXobject("Microsoft.XMLHTTP"); } //2.连接服务器 //同步：事情一件一件来做；异步：多个事情一起做 //Ajax基本都是异步的 //open(方法，文件名(路径)，异步传输(true)) oAjax.open(‘GET‘,url,true); //3.发送请求 oAjax.send(); //4.接收返回 oAjax.onreadystatechange = function() { //等于4代表最后一步，内容解析完成 if(oAjax.readyState == 4) //浏览器和服务器，进行到哪一步了 { if(oAjax.status == 200)//成功 { //成功 fnSucc(oAjax.responseText); } else { if(fnFaild) { //失败(404,文件没找到) fnFaild(oAjax.status);//因何种原因失败 } } } } } </script> </body> </html>
原文：http://www.cnblogs.com/pjw2017/p/6322846.html