SpringMVC(二) Ajax 的使用

导入 jar包

这里写图片描述

1.引用的 index.js 文件

$(function(){
    $.ajax({
        url:'ajaxData.do',
        type:'post',
        dataType:'json',
        success:function(obj){
            var str="<tr>          ";
            str+="  <td>编号</td> ";
            str+="  <td>姓名</td> ";
            str+="  <td>年龄</td> ";
            str+="</tr>         ";
            $.each(obj.list,function(i){
                str+="<tr>                          ";
                str+="  <td>"+obj.list[i].sid  +"</td>";
                str+="  <td>"+obj.list[i].sname+"</td>";
                str+="  <td>"+obj.list[i].age  +"</td>";
                str+="</tr>                         ";

            });

            $("table").append(str);
            $("#pageno").text(obj.pageutil.pageno);
            $("#totalpage").text(obj.pageutil.totalpage);
            $("#totalcount").text(obj.pageutil.totalcount);
        },
        error:function(){
            alert("error");

        }
    });

});

2.controller

@Controller
public class StudentController {

    @RequestMapping("/ajaxData.do")

    @ResponseBody
    public Map<String, Object> getAjaxData(){
        Map<String, Object> map=new HashMap<String, Object>();

        ArrayList<Student> list=new ArrayList<Student>();
        list.add(new Student(1, "holly", 18));
        list.add(new Student(2, "abc", 17));
        list.add(new Student(3, "hhh", 16));
        list.add(new Student(4, "hhhhhhhh", 16));

        PageUtil pageutil=new PageUtil(1, 3, 4);

        map.put("list", list);
        map.put("pageutil", pageutil);

        return map;
    }

}

3.springMVC-servlet.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:xsd="http://www.w3.org/2001/XMLSchema"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
http://www.springframework.org/schema/beans/spring-beans.xsd
http://www.springframework.org/schema/context
http://www.springframework.org/schema/context/spring-context.xsd
http://www.springframework.org/schema/mvc
http://www.springframework.org/schema/mvc/spring-mvc.xsd
">
    <!-- 1.mvc注解驱动 -->
    <mvc:annotation-driven/>
    <!-- 2.全局扫描包 -->
    <context:component-scan base-package="com"/>

</beans>

4.web.xml


    <servlet>
        <servlet-name>springMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>springMVC</servlet-name>
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值