学习大数据——JQuery的实现Ajax的ajax（）、get（）、post（）方法的简单实现

<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>