SpringMVC04（ajax的应用与json等格式的转换）

最新推荐文章于 2024-08-19 16:01:20 发布

FallingWhite

最新推荐文章于 2024-08-19 16:01:20 发布

阅读量101

点赞数

分类专栏：学习笔记文章标签： java ajax json mvc

本文链接：https://blog.csdn.net/charaface/article/details/114854326

版权

学习笔记专栏收录该内容

8 篇文章 0 订阅

订阅专栏

SpringMVC04
今天是学习SpringMVC的第四天，话不多啥，咱们直接上干货
SpringMVC01
SpringMVC02
SpringMVC03
SpringMVC04
SpringMVC05
SpringMVC06（SSM的整合）

项目结构
在这里插入图片描述
Controller类的结构

@Controller
public class MyController {
/* 处理器方法返回一个Student，通过框架转化为json，相应ajax请求
@ResponseBody
    作用：把处理器方法返回为对象转化为json后，通过HttpServletResponse输出给浏览器
    位置：方法的上面，与其他注解没有先后之分
   返回对象框架的处理流程
   1.框架会把返回student类型，调用框架中的ArrayList<HttpMessageConverter>中每个类的canWrite（）方法
   检查那个HttpMessageConverter接口的实现类能处理student类型的数据。
   2.框架会调用实现类的write，MappingMEssageConverter的write（）方法
   把xiaoming同学的student转化为jason，调用jackson的ObjectMapper实现转化为json
   ContentType：application/json;cahrset=utf-8
   3.框架会调用@ResponseBody把2接种数据输出到浏览器，ajax请求完成
*/
    @RequestMapping(value = "/returnStudent.do")
    @ResponseBody
    public Student doReturnStudent(String name,Integer age)  {
        //调用service，获取请求结果数据，student
        Student student=new Student();
        student.setName("xiaoming");
        student.setAge(35);
        return student;//会被框架转化为json
        }

    @RequestMapping(value = "/returnStudentArray.do")
    @ResponseBody
    public List<Student> doReturnStudentArray(String name, Integer age)  {
        //调用service，获取请求结果数据，student
        Student student=new Student();
        List<Student> students=new ArrayList<>();
        student.setName("xiaoming");
        student.setAge(35);
        students.add(student);
        student=new Student();
        student.setName("xiaoming02");
        student.setAge(37);
        students.add(student);
        return students;//会被框架转化为jsonArray
    }


    /*
    处理器方法返回的是String，String表示的是数据，不是视图
    区分返回值String是数据，还是视图，具体看看有没有@ResponseBody注解
    如果有@ResponseBody注解，返回String就是数据，反之则是视图

    默认使用text/plain;charset=ISO-8859-1作为ContentType，导致中文有乱码
    解决方案：给@RequestMapping添加一个属性：produces，使用这个属性指定新的ContentType
  返回对象框架的处理流程
   1.框架会把返回string类型，调用框架中的ArrayList<HttpMessageConverter>中每个类的canWrite（）方法
   检查那个HttpMessageConverter接口的实现类能处理string类型的数据--StringHttpMessageConveter
   2.框架会调用实现类的write，StringMessageConverter的write（）方法
       把字符按照指定的编码处理，produces = "text/plain;charset=utf-8"
   ContentType：application/json;cahrset=utf-8
   3.框架会调用@ResponseBody把2接种数据输出到浏览器，ajax请求完成
    */


    @RequestMapping(value = "StringData.do",produces = "text/plain;charset=utf-8")
    @ResponseBody
    //text使用的是ISO-8859-1，所以如果从服务器传来的数据为utf-8，可能会出现乱码，所以要在控制器方法中进行改变，将text的编码变为utf-8编码
    public String doStringDate(String name,Integer age){
        return "springmvc返回对象，表示数据";
    }

为了使用ajax，需要在mvc配置文件下加入注解驱动

    <!--加入注解驱动，注意是包名后缀是mvc的-->
    <mvc:annotation-driven/>
    <!--注解驱动的功能是完成java对象到二进制、json、xml、text等数据格式的转换，主要用于ajax-->

index.jsp代码

<%@ page contentType="text/html;charset=UTF-8" language="java" pageEncoding="utf-8" %>
<html>
<script type="text/javascript" src="js/jquery.min.js"></script>
<body>
<h2>Hello World!</h2>
<p></p>
<p><a href="test/some.do">发起some.do的请求</a></p>
<p><a href="test/other.do">发起other.do的请求</a></p>
<p><a href="test/first.do">发起first.do的请求</a></p>
<form action="test/other.do" method="get">
    <input type="submit" value="测试method限定">
</form>
<form method="post" action="test/receive.do">
    <input type="text" name="name">
    <input type="text" name="age">
    <input type="submit" value="表单测试">
</form>
<form method="post" action="test/receive02.do">
    <input type="text" name="rname">
    <input type="text" name="rage">
    <input type="submit" value="测试@RequestParam">
</form>
<form method="post" action="test/receive03.do">
    <input type="text" name="name">
    <input type="text" name="age">
    <input type="submit" value="测试对象接收">
</form>
<form method="post" action="/test/returnView.do">
    <input type="text" name="name">
    <input type="text" name="age">
    <input type="submit" value="测试返回String接收">
</form>

<button id="btn1" >ajax测试，对象</button>
<button id="btn2" >ajax测试，对象集合</button>
<button id="btn3" >ajax测试，String类型</button>
<script type="text/javascript">
    $(function () {
        $("#btn1").click(function () {
            $.ajax({
                url:"returnStudent.do",
                data:{
                    name:"zhangsan",
                    age:20
                },
                type:"post",
                dataType:"json",
                success:function (resp) {
                        alert(resp+"  "+resp.name+" "+resp.age)
                }
            })
        })
    })
    $(function () {
        $("#btn2").click(function () {
            $.ajax({
                url:"returnStudentArray.do",
                data:{
                    name:"zhangsan",
                    age:20
                },
                type:"post",
                dataType:"json",
                success:function (resp) {
                   $.each(resp,function (i,n) {
                        alert(n.name+" "+n.age)
                   })
                }
            })
        })
    })
    $(function () {
        $("#btn3").click(function () {
            $.ajax({
                url:"StringData.do",
                type:"post",
                //因为返回的是String类型，所以如果标记为json，则识别不了，所以得改成text
              //  dataType:"json",
                dataType:"text",//text使用的是ISO-8859-1，所以如果从服务器传来的数据为utf-8，可能会出现乱码，所以要在控制器方法中进行改变，将text的编码变为utf-8编码
                success:function (resp) {
                 alert("返回文本数据："+resp)
                }
            })
        })
    })
</script>
</body>
</html>

测试用student类

public class Student {
    private String id;
    private String name;
    private String password;
    private int age;

    public Student(){
        System.out.println("Student无参构造");
    }

    public Student(String id, String name, String password, int age) {
        this.id = id;
        this.name = name;
        this.password = password;
        this.age = age;
    }

    public String getId() {
        return id;
    }

    public void setId(String id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    public int getAge() {
        return age;
    }

    public void setAge(int age) {
        this.age = age;
    }

}

FallingWhite

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
SpringMVC04（ajax的应用与json等格式的转换）

SpringMVC04今天是学习SpringMVC的第四天，话不多啥，咱们直接上干货项目结构Controller类的结构@Controllerpublic class MyController {/* 处理器方法返回一个Student，通过框架转化为json，相应ajax请求@ResponseBody 作用：把处理器方法返回为对象转化为json后，通过HttpServletResponse输出给浏览器位置：方法的上面，与其他注解没有先后之分返回对象框架的处理流程.
复制链接

扫一扫