JSON结构
什么是JSON:JSON 是一种轻量级的数据交换格式.
根源:网络传输协议http/https,本质传输的数据都是 字符串 /字节信息.协议与系统无关. 所以采用JSON的方式将数据按照特定的顺序进行排列. JSON中的特殊的数据结构,可以很好的解析字符串
JSON的格式
对象格式
对象(object) 是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。
{"id":100,"name":"tomcat","sex":"男","age":99}
{"id":99,"name":"老王","sex":"女","age":09}
数组格式
数组(array) 是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间使用“,”(逗号)分隔。
[1,2,3,4,"张三","王五"]
嵌套格式
值(value) 可以是双引号括起来的字符串(string)、数值(number)、true、false、 null、对象(object)或者数组(array)。这些结构可以嵌套。
返回数据是JSON
返回数据是集合
RestFul结构(难点)传统GET请求业务说明
需求说明: 向后端服务器传递多个参数,name=tomcat,age=18,sex=男
URL地址:http://localhost:8080/getUser?name=tomcat&age=18$sex=男
该方法能否优化? 能否降低字节数量
RestFul参数拼接语法:省略key,将value使用的 / 方法进行分隔,并且位置固定
URL地址:http://localhost:8080/getUser/tomcat/18/男
RestFul参数接收 RestFul请求路径的通过写法优化:restFul风格的请求名称的要求,不能出现动词
http://localhost:8080/userById?id=10 类型: GET 查询业务逻辑
http://localhost:8080/userById?id=10 类型: Delete 删除业务逻辑
http://localhost:8080/userById?id=10 &name=tomcat 类型 :PUT 更新业务逻辑
http://localhost:8080/user 类型:POST 新增业务逻辑
请求类型的种类请求类型一共8中, 常用的4种 GET/POST/PUT/DELETE
前后端调用 前端代码: 后端代码: 关于谷歌浏览器常见功能 Axios-Get参数拼接写法
传递对象的写法:
restFul结构实现数据传参简化Axios调用 Axios-Post参数请求
入门案例
前端js
post请求参数说明说明:axios中的post请求,参数传的是JSON串
后端AxiosController 调用
关于常见请求类型语法说明GET/DELETE 语法相同
POST/PUT语法相同
put请求测试前端JS
后端AxiosController调用
关于跨域说明
同源策略
要素1: 浏览器的访问地址
要素1: Ajax的请求网址
策略说明:如果上述的要素同时满足 协议://域名: 端口 都相同的情况,则称之为满足同源策略.可以进行正确的调用 同时 也称之为"同域访问"
什么是跨域违反了同源策略就叫跨域访问
关于@CrossOrigin


