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>
转载请注明原文地址: https://www.6miu.com/read-68190.html
