<script type="text/javascript">
$(function(){
//给按钮绑定单击事件
$("#btnId").click(function(){
// alert("hhh");
//通过$.ajax()方法发送Ajax请求
/*
url:必须的,用来设置请求地址
type:可选的,用来设置请求方式,默认是get
data:可选的,用来设置请求参数
success:可选的,用来设置回调函数,响应成功之后系统会制动调用该函数,
响应数据会以参数的形式传入到该函数中
dataType:可选的,用来设置响应数据的类型,默认是text,还可以设置xml,json等
*/
$.ajax({
url:"${pageContext.request.contextPath }/AjaxServlet",
type:"get",
data:"username=admin&password=123456",
success:function(res){
//将响应信息设置到span中
$("#res").text(res);
},
dataType:"text"
});
});
//给第二个按钮绑定单击函数
$("#btnId2").click(function(){
//通过$.get/post()发送Ajax请求
/*
$.get/post(url, [data], [callback], [type])
url:必须的,用来设置请求地址
data:可选的,用来设置请求参数
callback:可选的,用来设置回调函数,响应成功之后系统会制动调用该函数,
响应数据会以参数的形式传入到该函数中
type:可选的,用来设置相应数据的类型
*/
//设置请求地址
var url = "${pageContext.request.contextPath }/AjaxServlet";
//设置请求参数
var params = "username=admin&password=666666";
$.get(url,params,function(res){
//将响应数据设置到span标签中
$("#res2").text(res);
},"text");
//通过$.past()发送一个post请求
//$.post(url);
});
});
</script>
学习大数据——JQuery的实现Ajax的ajax()、get()、post()方法的简单实现
猜你喜欢
转载自blog.csdn.net/qq_40394792/article/details/104214035
今日推荐
周排行