ajax初识

一、准备：

配置好spring-mvc：

开启静态资源管理，匹配不到的资源请求交给tomcat
<mvc:default-servlet-hander/> 

controller:

 @RequestMapping(value = "/ajaxExam",produces ="text/html;charset=UTF-8") 
   @ResponseBody
    public String ajaxExam(){
        return "打篮球,打羽毛球,踢足球";
    }
    /*
    注：ResponsBody:禁用视图层，将方法结果直接反馈，响应
       produces="text/html;charset=UTF-8"
    */

配置好web.xml

二、ajax:的使用步骤

在html中使用ajax规范：

<script>
    得到请求对象:
    var httpUtil=new XMLHttpRequest();
    设置请求参数:请求方式get/post，访问服务，同步false,异步true
    httpUtil.open("get","/login",false);
    发送请求:
    httpUtil.send();
    得到响应的结果:
    var str= httpUtil.response;
    操作结果
</script>

注：
     send(param),param请求参数，param可为空
     response:js对象
     responseText:字符串
     responseXML：js中xml对象             

同步：提交请求->等待服务器处理->处理完毕返回 这个期间客户端浏览器不能干任何事
异步：请求通过事件触发->服务器处理（这是浏览器仍然可以作其他事情）->处理完毕