springmvc 处理Ajax 请求

 设置请求按钮事件

<button id="jumpPage" onclick="jumpPage()" class="btn btn-primary btn-pill"  >跳转</button>

 

请求处理，想服务器请求

1.返回字符串

function jumpPage() {
    var dbName = document.getElementById("selectDataBase").value;  //数据库下拉框对象
    var tbName = document.getElementById("selectTable").value;
    $.ajax({
        url: "db/index",  //请求路径
        type: "post",   
        data: {dbName:dbName,tbName:tbName},   //页面参数
        success: function (data) {
            alert(data);   //显示返回的数据
        }
    })


}

服务器接收ajax请求，并自动返回至页面 

@RequestMapping("db/index")
    @ResponseBody
    public  List selectReportform(HttpServletRequest request,String dbName,String tbName) throws JsonProcessingException {
        return "success";
    }

2.返回对象

$.ajax({
            url: "selectReportform",
            async:false,   //同步请求
            type:"post",
            success: function (data) {
            //接收ajax返回数据集

                var dataObj = eval("("+data+")");
             
                alert(dataObj[0].uname)
                
                
            }
        });

  @RequestMapping("/selectReportform")
    @ResponseBody
    public  List selectReportform(HttpServletRequest request) throws JsonProcessingException {

        List<Reportform> reportforms = iReportformService.selectReportform();
     
        return reportforms;
    }

3.发送JSON 返回JSON

json字符串和JavaBean对象互相转换所需的jar包

     <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.9.0</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.9.0</version>
    </dependency>

    $.ajax({
            url:"/veriEmail",     //请求地址
            contentType:"application/json;charset=UTF-8",  //传输数据类型
            data:JSON.stringify({userEmail:userEmail}),  //要传输的数据
            dataType:"json",   //返回值类型
            type:"post",     //请求方式
            success:function(msg){  //data表示服务端响应的数据
                
            }
        });

    @RequestMapping(value = "/sendUpdatePasswordVeriEmail",method = RequestMethod.POST)
    @ResponseBody
    public  String sendUpdatePasswordVeriEmail(@RequestBody String userEmail,HttpServletRequest request){
       
        ObjectMapper mapper = new ObjectMapper();
        String state = "error";
       
        String retu="";
        try {
            retu = mapper.writeValueAsString(state);
        } catch (JsonProcessingException e) {
            e.printStackTrace();
        }
        return retu;

    }