栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

SpringMVC框架/前后端调用/跨域问题

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

SpringMVC框架/前后端调用/跨域问题

SpringMVC学习

 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

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/683703.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号