ajax实例（一）

阿拉丁没有神灯 · 发表于 2013-1-29 10:31:16

返回数据的页面content.html

Hello World!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Insert title here</title></head><body><script type="text/javascript">var xmlHttp;function createXMLHttp(){if(window.XMLHttpRequest){xmlHttp = new XMLHttpRequest();}else{xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE }}function showMsg(){createXMLHttp();//建立xmlHttp核心对象xmlHttp.open("post","content.html");//设置一个请求xmlHttp.onreadystatechange = showMsgCallback;//设置请求完成后处理的回调函数xmlHttp.send();//发送请求，不传递任何参数}function showMsgCallback(){if(xmlHttp.readyState == 4 ){//数据返回完毕if(xmlHttp.status == 200){//HTTP操作正常var text = xmlHttp.responseText;//接受返回的内容//document.getElementById("msg").className="样式名称";//设置要使用的样式表//设置msg标签元素中要显示的内容为Ajax接收的返回值内容document.getElementById("msg").innerHTML = text;}}}</script><input type="button" value="调用AJax显示内容"></input><span id="msg"></span></body></html>

		自动登录	找回密码
密码			立即注册