前端 axios 通过 get 请求发送 json 数据

已于 2023-10-15 14:06:46 修改
阅读量3.1k 收藏 12
点赞数 6
文章标签： json 前端 postman
于 2023-02-08 17:09:16 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42001686/article/details/128939105
版权
Axios框架的GET请求无法在body中传递JSON数据，这是由于其设计不支持。虽然原生JavaScript和jQueryAJAX允许这种做法，但MDN不推荐在GET请求中携带JSON。建议通过URL查询字符串传递数据或改用POST请求。
摘要由CSDN通过智能技术生成

先说结论: axios 不能通过 get 请求发送 json 数据

使用 postman 可以做到通过 get 请求发送 json 数据

但是通过 axios 框架就不行, 主要是因为axios是对ajax的一个封装。他本身不支持get请求在body体传参。 原生和jquery的ajax是支持的。建议跟后端沟通，你把json拼在url后面，后端从url的queryString取值。或者使用post请求来传json数据。

通过原生 js 发起 get 请求传递 json 参数也是可行的，但是 MDN 不建议这么做

具体看GET - HTTP | MDN

Tygorge
关注
perl get请求发送json数据
zhaoyangjian724的专栏
11-30 362
use LWP::UserAgent; use LWP; use Encode; use LWP::Simple; use LWP::UserAgent; use HTTP::Cookies; use HTTP::Headers; use HTTP::Response; use Encode; use URI::Escape; use URI::URL; use JSON; use Data:...
Axios异步请求 & json格式
zjw_rp的博客
02-11 3623
Axios是Ajax的一个框架,简化Ajax操作。需要axios.min.js 和vue.js的jar。
HTTP get方式传json
qq_27621745的博客
04-21 2万+
文章目录一、背景？二、尝试的过程1.postman(成功)2.hutool(失败)3.AsyncHttpClient(成功)总结 一、背景？ 最近项目中有个三方接口,需要使用get请求传递json, 这个让人有点懵,一般来说get参数都会直接拼接在url后, 复杂的参数都使用post方式传递,postman可以正常请求,使用hutool工具请求却失败了,网上找了一圈,才摸索出了解决方案 二、尝试的过程 1.postman(成功) 截图如下（示例）： 2.hutool(失败) 代码如下（示例）： .
jQuery Get 请求参数转换为 JSON
最新发布
牛肉胡辣汤
08-25 752
AJAX（Asynchronous JavaScript and XML）是一种用于创建快速动态网页的技术。通过 AJAX 技术，可以在不重新加载整个页面的情况下，通过后台服务器异步加载数据，实现页面的局部刷新和交互效果。在使用 jQuery 进行 AJAX 请求时，有时候我们需要将 GET 请求中的参数转换为 JSON 格式。本篇技术博客将介绍如何使用 jQuery 将 GET 请求参数转换为 JSON 格式。将从前端传递过来的 GET 请求参数转换为 JSON 格式，以便于后续的数据处理和逻辑判断。
HttpClient使用HttpGet进行json数据传输（所使用的jar.zip）
03-29
NULL 博文链接：https://zhcheng.iteye.com/blog/1292350
Spring Boot笔记-get请求发送json数据（方便前端vue解析）
IT1995的博客
07-19 1万+
目录 基本概念 代码与实例 基本概念 这里有一个思路，后端只发送Json数据，前端vue去解析。这样的话，就可以做到前后端分离，耦合性就很低了。 代码与实例 程序运行截图如下： 得到后，使用vue去解析，然后页面显示。 这里可以使用nginx做个代理，就看不出来了！ 结构如下： 这里vo就是存的Json格式 controller就是发送请求的 ...
vue axios get请求参数为json对象的 请求方法
weixin_41354330的博客
08-19 134
我整理的一些关于【VUE】的项目学习资料（附讲解～～）和大家一起分享、学习一下：https://d.51cto.com/f2PFnN使用 Vue 和 Axios 发送 GET 请求时传递 JSON 对象的指南 在现代 Web 开发中，AJAX 请求是实现动态和交互式用户界面的重要组成部分。Vue.js 是一个流行的 Ja...
axios 传递json axios发送json数据
hdhdhdhdhdhdhdh的博客
01-23 2095
当数组length不确定时，处理起来就比较麻烦了，所以这种情况传参使用JSON字符串的形式比较合适。前端向后台发送的请求数据有：JSON字符串和form表单两种格式。一般情况下可以两种格式都OK，但在某些情况下就需要根据情况来进行选择。这个时候的区别就体现出来了，Form表单会将数组按照索引进行拆分，所以这个时候后台不能直接通过dataArr来获取这个数组数据，1.当参数的数据结构比较复杂时，如不仅仅是简单的键值对，而是对象或数组嵌套结构时，建议使用JSON字符串传参。3.其他一般情况两者皆可。
使用axios请求时,发送formData请求的示例
10-16
在前端开发中，数据传输是不可或缺的一环，特别是在与后端API进行交互时。`axios`是一个常用的JavaScript库，用于发起HTTP请求。然而，并非所有API接口都接受JSON格式的数据，有时后端可能会要求以`FormData`的形式...
解决axios会发送两次请求,有个OPTIONS请求的问题
10-17
axios默认发送的数据类型为`application/json`，当使用此类型数据向服务器发送请求时，出于安全考虑，浏览器会先通过一个OPTIONS请求来预检跨源资源共享（CORS）策略。这一步骤是为了确认是否可以进行跨域请求。如果...
JSON数据前后传输例子，post，get请求例子，jquery
08-29
JSON数据前后传输例子，post，get请求例子，jquery
使用getJSON()异步请求服务器返回json格式数据的实现
12-12
我们可以使用jquery的getJSON()方法请求服务器返回json格式数据： js代码： function test(){ $.getJSON("JsonServlet",function(result){ alert(result.name); }); } 服务器端servlet响应： @Override protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { S
详解解决使用axios发送json后台接收不到的问题
12-09
问题描述 按照axios官网例子发起请求传递json，后台接受到的数据为空，一直卡在options阶段。 尝试的方法 开始以为是接口有问题，使用postman测试下，一切正常，百思不得其解，看了好多issue也解决不了，加了headers:{'content-type':'application/json'}也没用。 官网上是说，传json就按application/json进行处理，然而并没有卵用；之后套了一层JSON.stringify(data) ，content-type又变成表单格式了==。 然后翻自己之前的代码，发现写法如出一辙，怀疑是版本号的问题，然而并不是==。。。。考虑
axios请求本地json
前端视听
05-22 1万+
axios请求本地json,相关依赖安装 1：npm安装 npm install axios --save 2.在main.js下引用axios import axios from 'axios' 一切环境依赖搭建好之后,下面来写个例子：axios请求本地json 1：在static文件夹底下新建json文件，（ 本地JSON文件一定要需放在static文件夹之下。） 访问服务器...
vue-cli 3 以上的项目使用 axios 请求本地 json 文件
VirgoYellow 的专栏
07-10 1233
vue-cli 3 以上的项目使用 axios 请求本地 json 文件
HTTP get请求发送JSON格式数据
qq_31614535的博客
03-10 8626
get请求一般不建议发送JSON格式的数据,单总有一些奇葩系统要求 分享下本人对接途牛 传递get请求 json数据的方法 第一步:平常的get请求不要想了 直接继承 import org.apache.http.client.methods.HttpEntityEnclosingRequestBase; import java.net.URI; public class HttpGetWithEntity extends HttpEntityEnclosingRequestBase {
get请求接收JSON格式数据
tiantiantbtb的博客
11-21 2514
大概数据格式:URL:http://ip:port/****?projectNo=12344321&personInfo={"name":"lisi","age":"18"}其实把它看成两个String参数就好了。第一次见时候有点懵逼。
前端js向axios的get请求的body中添加json参数，深度解析
热门推荐
qq_37027534的博客
08-05 3万+
结论 先说结论：在浏览器环境下，基于xhr通信的axios的get请求中是无法在body中传参的。 注意：要达到以上比较绝对的结论，需要以下几个条件 1.处于浏览器环境中 2.后端必须是严格的从get请求中获取body中的参数 3.xhr通信的规范不会变动 4.axios库继续以xhr(即XMLHttpRequest)为底层进行通信 其实后两点很大概率不会发生变动，因此可以肯定此结论在长时间内都会适用，当然如果看了后面的详解，你会自然的扩展出：在浏览器环境下，get请求中是无法在body中传参
通过axios，get请求 请求参数是json怎么传
06-13
可以使用axios的`params`参数来传递JSON格式的请求参数，例如： ```javascript axios.get('/api/your-api-url', { params: { // 在这里传递JSON格式的请求参数 key1: 'value1', key2: 'value2', key3: 'value3' } }) .then(function (response) { // 处理响应数据 }) .catch(function (error) { // 处理错误 }); ``` 在上面的示例中，我们使用了`params`参数来传递JSON格式的请求参数，其中`key1`、`key2`、`key3`是请求参数的键名，`value1`、`value2`、`value3`是请求参数的键值。当然，你也可以根据需要修改这些键名和键值。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值