jquery的异步方法,主要是因为这玩意儿太繁琐了,所以记下来,下次用的时候方便抄
<script type="text/javascript" src="jquery-1.11.3.min.js"></script>
<script type="text/javascript">
function fn1(){
//get异步访问
$.get(
"/WEB22/ajaxServlet2", //url地址
{"name":"张三","age":25}, //请求参数
function(data){ //执行成功后的回调函数
//{\"name\":\"tom\",\"age\":21}
alert(data.name);
},
"json"
);
}
function fn2(){
//post异步访问
$.post(
"/WEB22/ajaxServlet2", //url地址
{"name":"李四","age":25}, //请求参数
function(data){ //执行成功后的回调函数
alert(data.name);
},
"json"
);
}
function fn3(){
$.ajax({
url:"/WEB22/ajaxServlet2", //请求地址
async:true, //是否异步
type:"POST", //提交方式
data:{"name":"lucy","age":18},//提交的数据
success:function(data){ //提交成功后执行的函数
alert(data.name);
},
error:function(){ //请求失败后执行的函数
alert("请求失败");
},
dataType:"json" //服务器端返回的数据类型,常用text和json
});
}
</script>
servlet中要注意的是乱码处理
返回数据加上,在页面显示中文不会乱码。
response.setContentType("text/html;charset=UTF-8");