加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ajax.get()写法

发布时间:2020-12-16 03:27:14 所属栏目:百科 来源:网络整理
导读:ajax的get()请求方式: script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"/script script type="text/javascript" $(function(){ $("#ajax").click(function(){ alert("test"); //发送异步请求 //1.创建xhr /
ajax的get()请求方式: <script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript">
		
		$(function(){
			
			$("#ajax").click(function(){
				alert("test");
				//发送异步请求
				//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("get","${pageContext.request.contextPath}/ajax?name=吴彦辰&age="+age);
				//3.发送请求
				xhr.send();
				//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>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读