星星博客 »  > 

前后端交互

<%-- 一级列表   --%>
<script type="text/javascript">
    doQuery();
    //请求数据
    function doQuery(){
        $.post("${pageContext.request.contextPath}/Category/selectAll",function(res) {
            //1.显示数据列表
            var roles = res;
            $("#d2").html("");

            var str = "<dt>搜索结果分类</dt>";
            for (var i =0 ; roles.length > i; i++){
                var role = roles[i];
                var str = "<dd class=\"item_on\">";
                str += " <a href='javascript:void(0)' οnclick='doQuery2("+role.categoryId+")' title='"+role.categoryName+"回收价格评估'><b class='item1'>&nbsp;</b><em>"+role.categoryName+"</em><span>&nbsp;</span></a>";
                str +="</dd>";
                $("#d2").append(str);
            }
        },"json");
    }
</script>
@RequestMapping("/selectAll")
@ResponseBody
public String selectAll(Model model) {
    List<Category> categories = categoryService.queryAll();
    model.addAttribute("categories",categories);
    return "html/index.jsp";
}
<%--<!-- JSTL 函数 包含一系列标准函数,大部分是通用的字符串处理函数-->--%>
<%--<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>--%>
<%--<!-- JSTL 核心标签库 -->--%>
<%--<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>--%>
<%--<!-- JSTL 格式化标签 用来格式化并输出文本、日期、时间、数字 -->--%>
<%--<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>--%>
<%--<!-- JSTL SQL标签库 提供了与关系型数据库进行交互的标签 -->--%>
<%--<%@ taglib uri="http://java.sun.com/jsp/jstl/sql" prefix="sql" %>--%>
<%--<!-- JSTL XML标签库 提供了创建和操作XML文档的标签 -->--%>
<%--<%@ taglib uri="http://java.sun.com/jsp/jstl/xml" prefix="x" %>--%>

相关文章