地图集web项目_技术学习（一）_前后端数据传输（ajax）

//jsp页面的ajax函数
        array.push(11);
        array.push(12);
        array.push(13);
        array.push(14);
        $.ajax({
            type : 'POST',
            url: 'getmarks.action',//请求对应的url（controller）
            contentType : 'application/json;charset=UTF-8',
            data : JSON.stringify(array),//接收数据到data
            dataType: "json",//设置请求返回的数据格式为json
            success : function(data) {
                console.info(data);//控制台输出data
            }
        });
//后端controller
    @RequestMapping(path = "/getall.action", produces = {"application/json;charset=UTF-8"})  
    @ResponseBody//根据前端要求返回的数据格式自动进行转换
        public String testPost() throws IOException {
        List<Test> testList = this.testService.getTestList();
        System.out.println(testList);
        return JSON.toJSONString(testList);//返回给前端数据
    }

//得到每页显示条数
        var pageSize = $("#pageSize").val();
        //得到显示第几页
        var pageNum = $("#pageNum").val();
        $.ajax({
            type: "POST",
            async: false,
            url: "http://localhost:8080/assurance/pager",
            data: {
                "pageSize": pageSize,
                "pageNo": pageNum
            },
            dataType: "json",
            success: function (data) {
                   console.info(data);
            }
//后端controller
//这是一个分页，后端设置好后可以自动对page对象中的pageSize，pageNo赋值
@RequestMapping(value={"/pager"},produces = {"application/json;charset=UTF-8"})
    @ResponseBody
    public Page selectByExample(Page<LangRes> page, LangRes langRes, Model model){
        System.out.println(page);
        model.addAttribute("langRes",langRes);
        LangResExample example = new LangResExample();
        LangResExample.Criteria c = example.createCriteria();
        if(langRes.getId()!=null){
            c.andIdEqualTo(langRes.getId());
        }
        if(langRes.getName()!=null){
            c.andNameEqualTo(langRes.getName());
        }
        if(langRes.getAudioName()!=null){
            c.andAudioNameEqualTo(langRes.getAudioName());
        }
        if(langRes.getVideoName()!=null){
            c.andVideoNameEqualTo(langRes.getVideoName());
        }
        if(langRes.getComment()!=null){
            c.andCommentEqualTo(langRes.getComment());
        }
        if(langRes.getPronunciation()!=null){
            c.andPronunciationEqualTo(langRes.getPronunciation());
        }
        if(langRes.getCatalog()!=null){
            c.andCatalogEqualTo(langRes.getCatalog());
        }
        if(langRes.getSpeaker()!=null){
            c.andSpeakerEqualTo(langRes.getSpeaker());
        }
        if (langRes.getDetailsId()!=null){
            c.andDetailsIdEqualTo(langRes.getDetailsId());
        }
        example.setOrderByClause(page.getPageSorts());
        return assuranceService.selectByExample(example, page);
    }