ajax

最新推荐文章于 2024-10-15 11:03:06 发布

Action-人生

最新推荐文章于 2024-10-15 11:03:06 发布

阅读量92

点赞数

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.csdn.net/luopo007liuchao007/article/details/84483381

版权

ajax 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

ajax_submit.html:

<html>
	 <head>
	 <title>ajax异步请求</title>
	 </head>
	 <script type="text/javascript">
	 	  	var xmlHttp;//ajax核心对象名称

	 	  	function createXmlHttp(){
	 	  	 if(window.XMLHttpRequest){//判断当前使用的浏览器类型
	 	  	 	 xmlHttp=new XMLHttpRequest();//表示使用的是FireFox内核浏览器
	 	  	 }else{
	 	  	   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//表示使用的是IE内核浏览器	

	 	  	 }	
	 	  	}

	 	  	function showMsg(){
	 	  	 	createXmlHttp();//建立xmlHttp核心对象
	 	  		xmlHttp.open("POST","ajax_content.html");//设置一个请求参数
	 	  		xmlHttp.onreadystatechange=showMsgCallback;//设置请求完之后处理的回调函数
	 	  		xmlHttp.send(null);//发送请求，不传递任何参数
	 	  	}


	 	  	function showMsgCallback(){//定义回调函数
	 	  		if(xmlHttp.readyState==4){//数据返回完毕
	 	  		  if(xmlHttp.status==200){//HTTP操作正常
	 	  		  	  var text=xmlHttp.responseText;//接收返回过来的内容
	 	  		  	  document.getElementById("msg").innerHTML=text;

	 	  		  	}	
	 	  	}


	 	  	}


	 	 </script>
	 <body>
	 	  <input type="button" onclick="showMsg();" value="调用显示ajax内容">
	 	  <span id="msg"></span>
	 </body>

</html>