json数据交互（超详细从0到1）

最新推荐文章于 2023-07-18 11:39:16 发布
最新推荐文章于 2023-07-18 11:39:16 发布
阅读量944 收藏 5
点赞数 2
文章标签： 1024程序员节 java spring ajax json
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/happyInHappy/article/details/109259626
版权

json数据交互

就是将前端传的json数据转为java对象，也可以将对象转换json 返回给前端

创建一个maven项目

要是web项目哦！最重要的不要忘记添加tomcat哦！

1.在pom.xml中引入依赖
<properties>
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
    <maven.compiler.source>1.7</maven.compiler.source>
    <maven.compiler.target>1.7</maven.compiler.target>
    <spirng.version>5.0.16.RELEASE</spirng.version>
</properties>
  
   <dependencies>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
    <!--  添加 servlet 依赖
     <scope>provided</scope> 编译时需要，运行时不需要
-->
    <dependency>
      <groupId>javax.servlet</groupId>
      <artifactId>javax.servlet-api</artifactId>
      <version>3.0.1</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>javax.servlet.jsp</groupId>
      <artifactId>jsp-api</artifactId>
      <version>2.1</version>
      <scope>provided</scope>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-context</artifactId>
      <version>${spirng.version}</version>
    </dependency>
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-aop</artifactId>
      <version>${spirng.version}</version>
    </dependency>
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjrt</artifactId>
      <version>1.6.12</version>
    </dependency>
    <dependency>
      <groupId>org.aspectj</groupId>
      <artifactId>aspectjweaver</artifactId>
      <version>1.6.12</version>
    </dependency>

    <!--  引入spring mvc jar-->
    <dependency>
      <groupId>org.springframework</groupId>
      <artifactId>spring-webmvc</artifactId>
      <version>${spirng.version}</version>
    </dependency>
    <dependency>
      <groupId>com.alibaba</groupId>
      <artifactId>fastjson</artifactId>
      <version>1.2.71</version>
    </dependency>
    <!--spring mvc-json依赖-->
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-databind</artifactId>
      <version>2.9.9</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-core</artifactId>
      <version>2.9.9</version>
    </dependency>
    <dependency>
      <groupId>com.fasterxml.jackson.core</groupId>
      <artifactId>jackson-annotations</artifactId>
      <version>2.9.9</version>
    </dependency>
  </dependencies>
2.修改webapp\WEB-INF\web.xml

在这里插入图片描述

<web-app>
  <display-name>Archetype Created Web Application</display-name>
  <servlet>
    <servlet-name>springmvc</servlet-name>
    <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
    <init-param>
      <param-name>contextConfigLocation</param-name>
      <param-value>classpath:spring-servlet.xml</param-value>
    </init-param>
  </servlet>
  <servlet-mapping>
    <servlet-name>springmvc</servlet-name>
    <url-pattern>/</url-pattern>
  </servlet-mapping>
</web-app>
3.开启json自动转化

在resources下创建一个:spring-servlet.xml
在这里插入图片描述
写入以下代码

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:mvc="http://www.springframework.org/schema/mvc"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd">
       <!--
          开启全局扫描注解 
    -->
        <context:component-scan base-package="com"></context:component-scan>
      <!--
          开启json自动转化 
    -->
        <mvc:annotation-driven></mvc:annotation-driven>
            <!--配置静态资源

      DispatcherServlet 就不去处理   mapping 下路径匹配的资源,交给tomcat处理
      mapping="/html/*" 匹配的路径 凡是遇到 访问 http://localhost:8080/html/ajax.html 就去
      location="/html/"
    -->
        <mvc:resources mapping="/html/*" location="/html/"></mvc:resources>
        <!--  告诉DispatcherServlet 不需要处理/js/ 这些资源,让tomcat 处理 -->
        <mvc:resources mapping="/js/*" location="/js/"></mvc:resources>
      
</beans>
4.在webapp下创建一个html文件夹和一个js文件夹，在html文件夹中创建一个ajax.html,在js文件中引入一个jquery包

在这里插入图片描述

5.在ajax.html中编写
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/js/jquery-3.3.1.js"></script>
</head>
<body>
<script>
    function updateStudent() {
        $.ajax({
            url:"/updateStudent",
            data:JSON.stringify({id:$('#id').val(),name:$('#name').val(),birthday:$('#birthday').val(),age:$('#age').val(),sex:$('#sex').val()}),
            type:'post',
            contentType:"application/json;charset=UTF-8",
            dataType:'json',
            success:function (data) {
                    alert(JSON.stringify(data))
            },
            error:function () {
                alert("服务器错误")
            }

        })
    }

</script>

学生id:<input name="id" id="id" type="number"><br>
学生姓名:<input id="name" type="text" name="name"><br>
学生生日:<input id="birthday" type="text" name="birthday"><br>
学生年龄:<input id="age" type="text" name="age"><br>
学生性别:<input id="sex" type="text" name="sex"><br>
<button type="button" onclick="updateStudent()">更新学生</button>
</body>
</html>
6.在java下创建以下项目

在这里插入图片描述

7.在student类中写入以下代码
package com.entity;

import com.fasterxml.jackson.annotation.JsonFormat;
import com.fasterxml.jackson.annotation.JsonInclude;
import com.fasterxml.jackson.annotation.JsonProperty;

import java.io.Serializable;
import java.util.Date;

public class Student implements Serializable {
    private int id;
   	// @JsonProperty("student_name")
    // 前端传递 student_name json数据 接收 java为name属性 设置
    // java ---json 将name ---> student_name
    private String name;
      // Date  返回前端 转换为   YYYY-MM-DD HH:mm:ss
     //* 1.可以将j'son 中的字符串 yyyy-MM-dd HH:mm:ss 转换为 date
      //  * 2. 返回json 数据时 可以将 data 转为yyyy-MM-dd HH:mm:ss  的json
    // timezone = "GMT+8"  时区问题 需要在json 得到的结果 + 8小时
    @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss",timezone = "GMT+8")
    private Date birthday;
    @JsonInclude(JsonInclude.Include.NON_EMPTY) // 对 int 不生效
    private int age;
//    @JsonInclude(JsonInclude.Include.NON_EMPTY) //转换json数据时 sex 不为""时才返回
    @JsonInclude(JsonInclude.Include.NON_NULL)//转换json数据时 sex 不为null时才返回
    private String sex;

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

    @Override
    public String toString() {
        return "Student{" +
                "id=" + id +
                ", name='" + name + '\'' +
                ", birthday=" + birthday +
                ", age=" + age +
                ", sex='" + sex + '\'' +
                '}';
    }

    public Student() {
    }

    public int getId() {
        return id;
    }

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

    public String getName() {
        return name;
    }

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

    public Date getBirthday() {
        return birthday;
    }

    public void setBirthday(Date birthday) {
        this.birthday = birthday;
    }

    public int getAge() {
        return age;
    }

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

    public String getSex() {
        return sex;
    }

    public void setSex(String sex) {
        this.sex = sex;
    }
}
8.在StudentController中写入以下代码
package com.controller;

import com.entity.Student;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class StudentController {
    @RequestMapping("/updateStudent")
    @ResponseBody// 返回json 数据
    // @RequestBody Student student 将接收到的 json 数据转化为 Student 对象    
    public Student updateStudent(@RequestBody Student student){
        System.out.println("更新学生"+student);
        return student;
    }
}
9.不要忘记添加tomcat，就可以启动了！

访问 http://localhost:8080/html/ajax.html
界面有点丑
在这里插入图片描述

happyInHappy
关注
JSON数据交互
m0_56183421的博客
06-01 669
JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式，目前使用特别广泛。采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。在 JavaScript 语言中，一切都是对象。因此，任何JavaScript 支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。看看他的要求和语法格式：对象表示为键值对，数据由逗
json数据交互
weixin_34408624的博客
07-25 99
springmvc 的json数据交互 - 哎幽的成长 - CSDN博客--和老师讲课相同http://blog.csdn.net/u012373815/article/details/47208187 ----------------- 1 json数据交互  为什么要进行json数据交互 json数据格式在接口调用中、html页面中较常用，json格式比较简单，解析还比较方便。 比如...
Json数据交互（16）
砸死接触的博客
08-12 563
前记：这是很早之前自学学习spingMvc时的笔记，内容比较基础，适合新手，内容基本是来自网络，如有雷同，敬请谅解！     Json数据交互  为什么进行json数据交互 json数据格式在接口调用中、html页面中较常用，json格式比较简单，解析还比较方便。 比如：webservice接口，传输json数据. springMvc与json交互 1、请求json、输
C# http post协议，数据交互形式为json
最新发布
08-26
以上就是C#中利用HTTP POST协议进行JSON数据交互的主要步骤和技术要点。理解并熟练掌握这些知识，能够帮助开发者构建稳定、高效的网络通信系统。在实际项目中，还需要考虑性能优化、并发处理、连接池管理等多个方面...
微信小程序获取json页面数据
01-11
4. **HTTP协议**：超文本传输协议，用于从WWW服务器传输超文本到本地浏览器的传输协议。 #### 三、实现步骤 1. **配置域名白名单** 在微信开发者工具中，需要先配置域名白名单，才能通过网络请求访问服务器数据...
Android客户端与服务器端的json数据交互（内含大量知识点）
11-05
在Android客户端与服务器端的JSON数据交互中，开发者通常会涉及到多个关键技术和步骤，这些知识点对于构建一个功能完善的移动应用至关重要。以下是对这些知识点的详细解释： 1. JSON（JavaScript Object Notation）...
html 从服务器获取json数据类型,基于$.ajax()方法从服务器获取json数据的几种方式总结...
weixin_39630095的博客
06-08 1651
基于$.ajax()方法从服务器获取json数据的几种方式总结发布时间：2020-10-02 06:34:28来源：脚本之家阅读：121作者：Sun9528一．什么是jsonjson是一种取代xml的数据结构，和xml相比，它更小巧但描述能力却很强，网络传输数据使用流量更少，速度更快。json就是一串字符串，使用下面的符号标注。{键值对} ： json对象[{},{},{}] ：json数组"" ...
基于json数据交互Android客户端与服务器端
11-16
基于json数据交互Android客户端与服务器端，包含网络连接，文件的上传，文件浏览器等。
Java获取http和https协议返回的json数据
10-20
在Java中获取HTTP和HTTPS协议返回的JSON数据是一项非常基础且重要的技能，尤其是在进行网络通信以及与第三方API接口交互的场景中。HTTP（超文本传输协议）和HTTPS（HTTP安全版）都是用于从服务器获取资源的应用层...
JSON数据交互方式
qq2844509367的博客
12-09 1866
json是一种轻量级的数据交换格式 json可读性很高，网络传输速录很快 完全独立与编程语言，什么语言都可以识别 json的语法格式一定要会，比如在写接口文档的时候就离不开json
JSON的使用进行数据交互
mulinghanxue的博客
08-23 1012
JSON:(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式,其采用完全独立于编程语言的文本格式来存储和表示数据,易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。 JSONJSON的语法:JSON和JS的区别JSON和JS的相互转换从后台实现JSON数据 JSON的语法: 对象表示为键值对 {"id":"1"} {"name...
十四、JSON数据交互
m0_62639288的博客
07-18 578
JSON（JavaScript Object Notation，JS对象标记）是一种轻量级的数据交换格式。它是基于JavaScript的一个子集，使用了C、C++、C#、Java、JavaScript、Perl、Python等其他语言的约定，采用完全独立于编程语言的文本格式来存储和表示数据。JSON有什么特点？JSON与XML非常相似，都是用来存储数据的，并且都是基于纯文本的数据格式。与XML相比，JSON解析速度更快，占用空间更小，且易于阅读和编写，同时也易于机器解析和生成。
Spring JSON 数据交互
圣人男的博客
03-19 264
1.对象结构  对象结构以“{”开始，以“}”结束2.数组结构  数据结构以“[”开始，以“]”结束3.Spring提供了一个 HttpMessageConverter&lt;T&gt;接口来完成JSON数据转换工作  Spring为HttpMessageConverter&lt;T&gt; 接口提供了很多实现类，其中 MappingJackson2HttpMessageConverter是Spr...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值