javascript 实现 ajax 示例代码----get方式

最新推荐文章于 2017-03-19 15:00:04 发布

思路决定出路

最新推荐文章于 2017-03-19 15:00:04 发布

阅读量590

点赞数

分类专栏： Ajax

本文链接：https://blog.csdn.net/u011048126/article/details/9415741

版权

Ajax 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<html>
  <head>
	<script type="text/javascript">

   		var xmlHttpRequest = null;//声明一个空对对象以接受XMLHttpRequest 对象

   			function ajaxSubmit() {

				if(window.ActiveXObject) {
	
					xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器
	
				} else if (window.XMLHttpRequest){
	
					xmlHttpRequest = new XMLHttpRequest();//非IE浏览器
				}
	
				if(null != xmlHttpRequest) {
				
					xmlHttpRequest.open("GET", "AjaxServlet", true);
					//关联好回调函数
					xmlHttpRequest.onreadystatechange = ajaxCallBack;
					//向服务器发送数据,发送请求提的内容get 请求时，为null
					xmlHttpRequest.send(null);
					
				}
		}
		function ajaxCallBack() {

			if(xmlHttpRequest.readyState == 4) {

				if(xmlHttpRequest.status == 200) {

					var responseText = xmlHttpRequest.responseText;

					document.getElementById("div1").innerHTML = responseText;
				}
			}
		}
	</script>
  </head>
  
  <body>
  <input type="button" value="get value from servlet" οnclick="ajaxSubmit()">
  <div id="div1"></div>
  </body>
</html>

思路决定出路

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 实现 ajax 示例代码----get方式

var xmlHttpRequest = null;//声明一个空对对象以接受XMLHttpRequest 对象 function ajaxSubmit() { if(window.ActiveXObject) { xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器 } e
复制链接

扫一扫

专栏目录