ajax的参数解释

最新推荐文章于 2024-09-01 19:13:21 发布

租房请下载：房东直租APP

最新推荐文章于 2024-09-01 19:13:21 发布

阅读量1k

点赞数

分类专栏： Ajax 文章标签： ajax json xhr post get

本文链接：https://blog.csdn.net/AinUser/article/details/71308278

版权

Ajax 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

ajax的各种参数解释：
   <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		
		$(function(){
			
			$("#ajax").click(function(){
				//发送异步请求
				//1.创建xhr
				//IE    Webkit:chrome  ff  opera  safiri
				var xhr;
				if(window.ActiveXObject){//IE
					xhr=new ActiveXObject("Microsoft.XMLHTTP");
				}else if(window.XMLHttpRequest){//webkit,IE7+
					xhr=new XMLHttpRequest();
				}
				//2.初始化:地址,请求方式:get/post,请求参数
				var age=18;
				xhr.open("post","${pageContext.request.contextPath}/ajax/test");
				//3.发送请求
				xhr.setRequestHeader("content-type", "application/x-www-form-urlencoded");
				xhr.send("name=吴彦辰&age="+age);
				//4.接受请求响应
				//xhr=readyState  0-未初始化  1-初始化  2-发送请求  3-响应开始接收  4-响应接收完整
				//   =status  404  500  200(成功)
				xhr.onreadystatechange=function(){
					if(xhr.readyState==4 && xhr.status==200 ){//响应完整 且 请求成功
						//获取请求响应,xhr会将响应值存储在responseText属性中
						var ret=xhr.responseText;
						//5.将响应值 刷新到页面的局部
						$("#msg").text(ret);
					}
				};
			});
		});
		
	</script>