【笔记】利用ajax返回Html代替iframe，实现局部更新

最新推荐文章于 2022-01-10 16:32:23 发布

朱赤墨黑

最新推荐文章于 2022-01-10 16:32:23 发布

阅读量2.7k

点赞数 2

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.csdn.net/Jul_11th/article/details/78778424

版权

ajax 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<div id="resourceList"></div>

<script type="text/javascript">
$(function(){
    loadResourceList();
});
function search(){
    var field = $("#field").html();
    var val = $("#val").val();
    $("input[name='field']").val(field);
    $("input[name='val']").val(val);
    $("#search").attr("action","resouceCenter/search.html");
    $("#search").submit();
};
function queryByCateCode(code){
    $("#cateCodes").val(code);
    $("input[name='page']").val(1);
    loadResourceList();
};
function loadResourceList(){ 
    $.ajax({
        type: 'post',
        url: 'resouceCenter/list.html',
        data: $("#frm").serialize(),
        success: function(html) {
            $('#resourceList').html(html);
        }
    });
};
</script>

    /**
     * 方法描述：  资源中心初始页面
     * @Author: Liuzy 
     * @Version: V1.0
     */
    @RequestMapping("/info")
    public String info(Model model, Long departId){
        // 准备左侧分类导航数据
        List<Category> list = categorySrv.queryChildrenByParentId(0L);
        ResourceIndex resourceIndex = new ResourceIndex();
        ListIterator<Category> it = list.listIterator();
        while(it.hasNext()){
            Category cate = it.next();
            Iterator<Category> itTemp = cate.getChildrenList().iterator();
            while(itTemp.hasNext()){
                Category cateTemp = itTemp.next();
                resourceIndex.setCateCodes(cateTemp.getCode());
                resourceIndex.setDepartId(departId);
                List<ResourceIndex> resourceList = resourceIndexMapper.selectListByCode(resourceIndex);
                if(resourceList == null || resourceList.size() == 0){
                    itTemp.remove();
                }
            }
            if(cate.getChildrenList().size() == 0){
                it.remove();
            }
        }
        model.addAttribute("departId", departId);
        model.addAttribute("cateList", list);
        return "resouceCenter";
    }

    /**
     * 方法描述：  资源中心 根据分类 ，查询右侧list
     * @Author: Liuzy 
     * @Version: V1.0
     */
    @RequestMapping("/list")
    public String list(Model model, ResourceIndex resourceIndex, Integer page, Integer rows, String field, String val, Long departId){
        // 准备右边列表数据
        if(flag != null && flag == 1){
            trainingMaterial.setDepartId(departId);
            model.addAttribute("pageInfo", trainingMaterialSrv.findAllTrainingMaterial(trainingMaterial, page, rows)); 
        }else {
            if("名称".equals(field)){
                resourceIndex.setTitle(val);
            }else if("作者".equals(field)){
                resourceIndex.setAuthor(val);
            }else if("关键词".equals(field)){
                resourceIndex.setKeywords(val);
            }else{
                resourceIndex.setTitle(val);
                resourceIndex.setAuthor(val);
                resourceIndex.setKeywords(val);
            }
            resourceIndex.setDepartId(departId);
            model.addAttribute("field", field);
            model.addAttribute("val", val);
            model.addAttribute("pageInfo", resourceIndexSrv.queryListByCode(resourceIndex, page, rows));
            model.addAttribute("cateCodes", resourceIndex.getCateCodes());
        }
        model.addAttribute("departId", departId);
        model.addAttribute("flag", flag);
        return "resource_data_list";
    }

    /**
     * 
     * 方法描述：  条件查询
     * @Author: Liuzy 
     * @Version: V1.0
     */
    @RequestMapping("/search")
    public String search(Model model, ResourceIndex resourceIndex, Integer page, Integer rows, String field, String val, Long departId){

        /* 1.全部分类 1~2级 */        
        List<Category> cateList = categorySrv.queryChildrenByParentId(0L);

        /* 2.查询符合条件的数据 */
        if("名称".equals(field)){
            resourceIndex.setTitle(val);
        }else if("作者".equals(field)){
            resourceIndex.setAuthor(val);
        }else if("关键词".equals(field)){
            resourceIndex.setKeywords(val);
        }else{
            resourceIndex.setTitle(val);
            resourceIndex.setAuthor(val);
            resourceIndex.setKeywords(val);
        }
        resourceIndex.setDepartId(departId);

        /* 3.遍历取出符合的分类 */
        String str = resourceIndexMapper.selectCodeStr(resourceIndex);
        if(str != null && "".equals(str)){
            ListIterator<Category> it = cateList.listIterator();
            while(it.hasNext()){
                Category cate = it.next();

                if(!str.contains(cate.getCode())){
                    it.remove();
                }else{
                    Iterator<Category> itTemp = cate.getChildrenList().iterator();
                    while(itTemp.hasNext()){
                        if(!str.contains(itTemp.next().getCode())){
                            itTemp.remove();
                        }
                    }
                }
            }
        }else {
            cateList.clear();
        }
        model.addAttribute("departId", departId);
        model.addAttribute("field", field);
        model.addAttribute("val", val);
        model.addAttribute("cateList", cateList);
        return "resource_searchResult_list";
    }