ajax是一个重点又是自己薄弱的地方,记录一下
一、前端请求,三个test方法分别对应后台的三个方法返回值
<button onclick="testAjax0()">Ajax0</button>
<button onclick="testAjax1()">Ajax1</button>
<button onclick="testAjax2()">Ajax2</button>
<script type="text/javascript" src="../jquery.min.js"></script>
<script type="text/javascript">
function testAjax0(){
$.post("ajax.do",null,function(data){
alert(data);
});
}
function testAjax1(){
$.post("ajax1.do",null,function(data){
alert(data);
});
}
function testAjax2(){
$.post("ajax2.do",null,function(data){
alert(data);
});
}
</script>
二、后台三种返回方式
/**
* ajax
* 方式一 通过servlet中的response返回数据
* @throws IOException
*/
@RequestMapping(value="/ajax.do")
public void Ajax(HttpServletResponse resp) throws IOException{
resp.getWriter().write("hello ajax");
}
//方式二 通过流的形式
@RequestMapping(value="/ajax1.do")
public void Ajax1(Writer out) throws IOException{
out.write("hello ajax1");
}
//方三 通过注解的形式
@RequestMapping(value="/ajax2.do")
@ResponseBody //返回值就是响应的内容
public String Ajax2() throws IOException{
return "hello ajax2";
}
三、测试结果