【笔记】利用ajax返回Html代替iframe,实现局部更新
来源:互联网 发布:burpsuite mac破解版 编辑:程序博客网 时间:2024/05/22 07:58
<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"; }
阅读全文
0 0
- 【笔记】利用ajax返回Html代替iframe,实现局部更新
- 利用iframe实现局部刷新
- 利用php和ajax实现局部更新数据
- Html利用锚点标记代替iframe实现页面无刷新加载
- Ajax实现页面局部更新
- iframe + js 实现HTML局部刷新页面
- div+ajax代替iframe
- ajax代替iframe
- jquery使用ajax实现页面局部更新
- 使用jquery ajax代替iframe
- jQuery和ajax代替iframe
- 利用iframe来实现ajax文件上传
- 利用iframe实现伪ajax上传文件
- 利用ajax实现页面的局部刷新
- 利用Ajax实现页面局部刷新
- 利用Ajax实现页面局部刷新
- php中利用ajax实现局部刷新
- goahead 利用ajax实现局部刷新
- Dijkstra算法-最短路径-邻接矩阵表示
- 6、适配器模式(Adapter Method)
- 7、装饰模式(Decorator)
- 8、代理模式(Proxy)
- myeclipse web project如何导入jar包
- 【笔记】利用ajax返回Html代替iframe,实现局部更新
- 9、外观模式(Facade)
- AAC规格(LC,HE,HEv2)及性能对比
- 使用baidu的api完成汉译英功能
- 10、桥接模式(Bridge)
- HTML Table锁定表头(CSS实现)
- 11、组合模式(Composite)
- CSS: 潜藏着的BFC
- bzoj3585mex