完整的AJAX的GET请求--

最新推荐文章于 2022-10-13 23:19:32 发布

gz109

最新推荐文章于 2022-10-13 23:19:32 发布

阅读量6.4k

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/gz109/article/details/52732483

版权

Javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html  >
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>AJAX测试</title>
</head>
<body>
<script>
//alert(66);
	function go(){
			var xhr;
				if (window.XMLHttpRequest){
				// code for IE7+, Firefox, Chrome, Opera, Safari
					xhr=new XMLHttpRequest();
				  }else{
					  // code for IE6, IE5
					  xhr=new ActiveXObject("Microsoft.XMLHTTP");
				  }

			 //alert(xhr);
			 //2.请求方式，GET,POST，URL，TRUE
			 //要查看状态的值，0，刚创建AJAX对象1,已经调用了OPEP方法，2=已经调用SEND方法3,
			//4-AJAX请求完成，数据返回完整
			 //设置AJAX设置事件
			 xhr.onreadystatechange = function(){
				if(xhr.readyState==4){  //状态等于4的时候返回值
					//console.log(xhr.responseText);
					//onreadystatechange  事件
					
					//把服务器返回的信息显示到页面上
					document.getElementById('result').innerHTML = xhr.responseText;  
					
				}
			 }
			 
				xhr.open('get','__APP__/Oth/doajax/name/lisa111111111222',true); 
				
				//3.发送请求，send方法，
				xhr.send(null);
			

	 }

</script>


	<div class="content">	
		<h3>AJAX测试 16-10-03 16:43</h3>
		<input type="button"  value="测试AJAX" οnclick="go();" />
		
		
		
		<div id="result">
		
		ooo 
		</div>
	</div>

</body>
</html>

gz109

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
完整的AJAX的GET请求--

AJAX测试//alert(66); function go(){ var xhr; if (window.XMLHttpRequest){ // code for IE7+, Firefox, Chrome, Opera, Safari xhr=new XMLHttpRequest(); }else{ // code for I
复制链接

扫一扫

专栏目录