无法多次等待Axios调用
Axios是一个基于Promise的HTTP客户端，用于发送HTTP请求。当我们使用Axios发送请求时，有时候需要等待请求的响应返回后再进行下一步操作。然而，Axios本身并没有提供多次等待的功能。
在处理这种情况时，我们可以使用Promise的链式调用来实现多次等待。具体步骤如下：
- 首先，我们可以将Axios请求封装成一个函数，该函数返回一个Promise对象。这样我们可以在函数内部使用Axios发送请求，并将请求的结果作为Promise的resolve参数进行返回。
- 在需要多次等待的地方，我们可以使用async/await或者.then()方法来处理Promise对象。通过await关键字或者.then()方法，我们可以等待第一个请求的结果返回。
- 在第一个请求的结果返回后，我们可以根据需要进行下一步操作，例如根据返回结果进行条件判断、发送另一个请求等。
- 如果需要等待第二个请求的结果返回，我们可以再次调用封装的Axios请求函数，并使用await关键字或者.then()方法等待第二个请求的结果。
- 重复上述步骤，直到完成所有需要等待的请求。
需要注意的是，由于Axios是一个第三方库，它本身并不属于云计算领域的专业知识。然而，在云计算中，我们通常会使用Axios来与云服务进行通信，例如发送HTTP请求获取云服务的数据。因此，在云计算领域中，了解Axios的使用方法和原理是非常重要的。
此外，如果你想了解更多关于Axios的信息，可以参考腾讯云提供的相关文档和产品介绍：
- Axios官方文档：https://axios-http.com/
- 腾讯云API网关：https://cloud.tencent.com/product/apigateway
- 腾讯云云函数（Serverless）：https://cloud.tencent.com/product/scf
以上是关于无法多次等待Axios调用的完善且全面的答案。希望对你有帮助！
相关·内容
这是的后续问题
我正在使用reactjs，下面是我所做的工作:从API中检索数据并使用axios显示数据以调用API。我知道axios调用是异步的，并且是基于承诺的。
下面是抛出错误的代码：
class StudentsPage extends React.Component{
constructor(props){
super(props);
this.state = {
isLoaded: false,
studentListArray: []
}
}
componentDidMount(){
console.
浏览 0提问于2020-05-26得票数 0
回答已采纳
2回答
我做了这个：
const getData = async (array,s,number) => {
const response = await axios.get(s);
const theData = response.data
array[number]=theData
}
然后是这个：
let array=[]
array.push(0)
getData(array, props.location.groupArray[i].link,0) //await axios.get(s) here
浏览 3提问于2022-09-17得票数 0
我想要创建一个票证功能。在主页面(父页面)上，我有一个axios函数，一旦加载了页面，useEffect就会列出所有的票据组件。
在第二个页面上，我有一个子组件，每次添加新的票证时，我都会用道具导入要使用的reloadTickets={fetchTickets}方法。
问题是，如果我添加一个帖子，一次没有添加该帖子，第二次添加该帖子两次，第三次在单个表单提交上添加太多次。有时帖子根本不加，但在我试了更多次后，帖子被添加了两次和更多……
这是我的母公司COMPOENTN
这是我的子组件
PS。很抱歉拍到这些照片。但是，在我的页面上，react代码不能被格式化为好看。
浏览 3提问于2022-03-27得票数 0
回答已采纳
4回答
我在异步和等待生态系统方面是新手，但我知道它给出了同步编码的方式(尽管它是幕后的异步，只是用代码编写的方式)。
下面是我想以异步方式完成的代码。
const axios = require("axios");
async function getJSONAsync(){
// The await keyword saves us from having to write a .then() block.
let json = await axios.get('https://tutorialzine.com/misc/files/example.json'
浏览 1提问于2018-03-25得票数 5
回答已采纳
在阅读一些使用新javascript语法的异步/等待示例时，我发现了以下代码示例：
const axios = require('axios'); // promised based requests - like fetch()
function getCoffee() {
return new Promise(resolve => {
setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
});
}
async function g
浏览 3提问于2017-10-05得票数 0
回答已采纳
我的要求是这样
我想运行一个axios调用。
我不想阻止代码直到它完成。
我也不想知道是200还是500
这是我的实验代码。
function axios() {
console.log("axios calling...");
return new Promise((resolve, reject) => {
setTimeout(function() {
resolve(console.log("DONE!"));
}, 10000);
});
}
function run() {
浏览 0提问于2019-08-30得票数 3
3回答
我在子组件中有一个方法，它负责从服务器获取数据，在接收数据后，我试图将数据发送给父组件。下面的方法来自Vue.component (子)。问题是，父组件无法接收发出的数据。为了检查，我将$emit代码移到axios请求调用之外，然后它就开始工作了。如果我从内部$emit axios，它是不工作的。
不工作(从内部axios发出)：
methods:{
methodName: function(){
let self = this;
axios.get('url')
.then(function(response){
浏览 2提问于2017-05-25得票数 3
回答已采纳
1回答
我是一个新的反应者，那么如何将我从jsonHandler函数中得到的值放入render返回语句中呢？
我试了很多次，但结果总是一样。Console.log(jsonData)在jsonHandler函数中返回我需要的值，但是函数jsonHandler返回允诺，并决定如何处理它。使用axios.get或fetch()并不重要。
async function jsonHandler () {
let jsonData;
const url = "http://localhost/index.php";
await axios.get(url)
浏览 6提问于2022-06-28得票数 0
1回答
我试图窥探传递给使用Jest的异步函数的参数。
我非常简单的模块..。
// data_loader.js
import axios from "axios";
export const data_loader = ( options ) => {
return axios( generateUrl( options ) )
.then( response => response.data );
};
我的测试..。
// data_loader.test.js
import * as data_loader from "./dat
浏览 0提问于2018-03-16得票数 2
1回答
在函数内部响应本地Axios调用
、、、、
我试图将POST通过AXIOS函数放入另一个函数中，以便多次重用它。但不幸的是，它没有像我预期的那样工作(它使用了FETCH)，
AXIOS呼叫JS：
export async function post(apiRoute, body) {
try {
body = JSON.stringify(body);
axios.post(apiRoute, body, httpOptions)
.then((res)=>{
console.log(res.data);
浏览 3提问于2020-10-17得票数 0
回答已采纳
2回答
我很难在nodejs中正确地做到这一点。它试图并行地做两件事：
使用axios下载网页
创建一个目录
当这些工作完成后：
异步地将结果保存到de创建目录中的文件中。
然后等待直到完成
const uuidv1 = require('uuid/v1')
const fs = require('fs')
const util = require('util')
const axios = require('axios')
const path = require('path')
con
浏览 3提问于2017-12-25得票数 0
我从AllmightyUID组件中的App.js通过contextApi发送User.js =2(例如)，在用户组件中没有useEffect，但是当我在用户组件中记录值时，它被记录了2次，第一次显示未定义，第二次更正数据(2)，即使在2- 3秒之后，由于这个原因，我无法再进行api调用(我无法读取未定义的值)
我尝试过的解决方案:-
1.)我已经从index.js中删除了严格模式
2.)作为道具传递值，但仍然是相同的问题。
import React, { useContext, useState } from 'react'
import { AllMightyUID } fr
浏览 1提问于2022-07-18得票数 -2
2回答
等待承诺完成
、、、、
我正在制造一个不和谐的机器人，并试图构造得更好一点。
message.channel.send(require('./commands/' + inputs[0] + '.js')(inputs));
这将需要一个文件并将返回的消息发送到通道。这是这样一个文件的示例：
module.exports = commands => {
let returnM = '';
axios.get(some url).then(response => {
returnM = response.data.whatever;
}
浏览 0提问于2018-02-10得票数 1
回答已采纳
对于Axios，我试图：
一个具有成功响应(或有错误、返回错误)的post请求，如果第一次请求成功，则在响应中使用返回值，然后将请求发送到不同的端点
我最近的发现是：
import axios from 'axios';
let one = "https://api.storyblok.com/v1/cdn/stories/health?version=published&token=wANpEQEsMYGOwLxwXQ76Ggtt"
let two = "https://api.storyblok.com/v1/cdn/datasources
浏览 7提问于2020-04-08得票数 0
回答已采纳
1回答
为什么这个函数没有为我返回任何东西。我想我对axios.get.then()有问题。所以你能帮助它在接下来的时候返回消息(响应=> ...)这里的主要问题是如何将function testConnection()返回的内容保存到一个变量message中以便多次使用它。
var axios = require('axios');
function testConnection() {
axios.get(`https://api.themoviedb.org/3/discover/movie`, {
params: {
api_key: '72f
浏览 1提问于2017-12-26得票数 0
2回答
我有以下代码： for (var i = 0; i < subscriptions.length; i++) {
axios.get(`SOME_URL/${subscriptions[i]}`, config1)
.then((result) => {
return result.data.subscriptionId
})
.then((result) => {
axios.get(`SOME_URL/${result}/devices`, config2)
浏览 74提问于2020-12-11得票数 0
回答已采纳
我正在使用axios库向服务器发送数据 查询正在工作，但我无法等待axios的回答 import axios from '../helper/axiosAPI'
/** data send to axios */
let formData = new FormData();
formData.append('file',this.file);
/**Axios query */
try{
axios.post(formData)
.then(res=> console.log('result : ' +
浏览 53提问于2021-09-23得票数 1
回答已采纳
1回答
转换当前形式承诺链的问题
、、、、
我们有一个实用程序函数，包装器axios http调用；目前它是以链式承诺的形式编写的，如下所示：
request<T>(request: AxiosRequestConfig, x: number, y: string, z: boolean): Promise<T> {
return someFunction1(x)
.then(someFunction2(y))
.then(sendRequest(z))
.catch((err) => { // handle error
浏览 12提问于2022-08-11得票数 0
3回答
我正在使用Vue，并使用axios进行多次调用，我只是好奇是否有不同的方法。我的代码正在工作，但我不喜欢它的结构方式，我想得到一些关于这方面的投入。
我觉得这太麻烦了，也许应该有一个更好的方法：
login: function() {
this.toggleLoading();
this.findUser().then(success => {
if(success) {
this.validateSomething().then(success => {
if(success) {
浏览 6提问于2019-11-28得票数 1
回答已采纳
在学习Node.js时，经过一些尝试和错误之后，我有了这个工作代码，它使API调用能够检索用户记录，其中每个API调用都依赖于上一个API调用的结果。
const axios = require('axios')
var getDataById = async (config) => {
var response = await axios(config);
var userById = {};
userById['userId'] = response.data["userId"];
return(use
浏览 4提问于2022-10-20得票数 0
我创建了一个Vue组件，将从我的后端获取的一些数据加载到Vuetify上。该表的每一行都有一个Delete按钮，当按下该按钮时，将触发一个从我的数据库中删除该行的post请求。我试图在点击按钮后用新数据重新加载表格，但我的代码无法工作。 这是我尝试过的： <template>
<v-data-table
:headers="headers"
:items="balances"
:items-per-page="5"
class="elevation-1"
>
浏览 94提问于2020-12-27得票数 1
回答已采纳
1回答
我正在尝试使用axios和fs下载图像，当我使用节点app.js运行它时，它会给我一个错误，说明不能定义管道
"TypeError:无法读取未定义的属性‘管道’“。
const axios = require('axios');
const fs = require('fs');
const Path = require('path');
async function download()
{
const url ='https://www.google.co.in/imgres'
const
浏览 0提问于2018-08-30得票数 3
回答已采纳
这是一个链接到沙箱，我有一个简单的代码。为什么它一直在返回一个承诺，而不是像我在axios调用之前所做的那样等待它的解决？
就好像它只是返回了前膜，然后就完成了。如果我在函数本地作用域中执行console.log，它将返回一个承诺对象，如果我返回结果并在全局范围内执行console.log，它将返回我正在寻找的内容。问题是，我认为我不需要这样做，等待承诺解决。我明白了，asyn会回报一个承诺，而axios也会.那么，我在处理解决承诺的承诺时，遗漏了什么呢？
import axios from "axios";
async function GetPosts() {
co
浏览 1提问于2019-08-08得票数 5
回答已采纳
我正在尝试用我在taxParentId函数中的API调用检索的新id更新getTaxParentId，但是我无法更改它。我可以在方法中console.log值，但是它不会更新它。这似乎是一个范围问题，但是我已经设置了$this = this来处理这个问题，但是它不起作用。
getPostType方法工作正常，并正确地更新数据值。
var newVue = new Vue({
el: '#app',
data() {
return{
posts: [],
taxonomy: '',
postType: '
浏览 0提问于2018-08-29得票数 0
回答已采纳
我正在使用res.json发送一个json对象。在客户端，我尝试将json对象设置为一种状态。 我已经尝试了.json()响应，但仍然不让我分配它。 这是发送JSON文件的服务器端 app.get('/api/getPlace', async (req, res) => {
const response = await client.search({
searchType: "Coffee",
location: "San Francisco, CA",
})
浏览 15提问于2019-10-06得票数 1
2回答
异步/等待函数和返回值
、、、
从最高层开始，我试图将一个Blob传递给一个函数，该函数将转录数据并返回记录。我正在努力使进程的异步部分正确排列。任何洞察力都将不胜感激。
我正在处理的两个文件如下。在record.jsx文件中，我调用googleTranscribe函数(位于第二个文件中)来完成转录工作，并希望返回转录本。这就是我遇到问题的地方--我可以得到成绩单，但不能将它作为一个值返回。我知道我做错了异步/等待/承诺，我只是不知道我做错了什么。
record.jsx
import React from "react";
import googleTranscribe from '../../fun
浏览 3提问于2021-06-06得票数 0
回答已采纳
1回答
import React from "react";
import ReactDOM from "react-dom";
import { createRoot } from 'react-dom/client';
import axios from "axios";
const BASEURL = "https://jsonplaceholder.typicode.com/users";
function axiosTest() {
return axios.get(BASEURL).the
浏览 6提问于2022-11-06得票数 0
回答已采纳
2回答
我正在尝试使用es6承诺，按顺序进行两个远程调用，下面是我的代码
recordsCount(){
let classInstance=this;
let stateIns=this.state;
return axios.post('/api/projectDocs/count',stateIns.gpSearch).then((response)=>{
stateIns.totalRecords=response.data;
classInstance.setState(st
浏览 4提问于2016-11-29得票数 0
回答已采纳
1回答
我有下面的单元测试进行rest调用，但是我的axios.get之后的所有东西都没有运行。
restCalls.spec.js：
import {getData} from '@/jgapi.js'
describe('Axios testing', () =>
{
it('Make an rest call from a unit test', async() => {
var login = false
var usr = 'bossman'
var pass = 'bigb
浏览 1提问于2021-06-03得票数 0
回答已采纳
我有一个简单的问题，但无法用Node.JS找到答案。下面是:我有一个具有多个函数的文件，我想使用第二个函数中第一个函数的返回：
//The first function
const Function1 = (req, res) => {
var axios = require('axios');
var config = {
method: 'get',
url: 'xxxxx.json',
headers: {
//...
}
浏览 1提问于2022-08-16得票数 0
我知道如何使用wait_event在Linux内核队列中等待，以及如何唤醒它们。
现在，我需要弄清楚如何同时在多个队列中等待。我需要以类似于poll或select的方式复用多个事件源，但是由于事件源没有可轮询文件描述符的形式，所以我无法在这些系统的实现中找到灵感。
我最初的想法是从wait_event宏获取代码，多次使用DEFINE_WAIT以及prepare_to_wait。
但是，考虑到prepare_to_wait是如何实现的，如果多次添加相同的“服务生”，恐怕队列的内部链接列表就会损坏(如果一个队列导致唤醒，但等待条件没有得到满足，等待正在重新启动)，这可能会发生。
浏览 2提问于2016-10-13得票数 3
回答已采纳
我使用带有hapi服务器的axios调用外部API。当我调试时，我看到我的axios调用是以标准axios形式返回201状态的响应。尽管当我的hapi路由返回到客户端(浏览器)时，它会得到500个错误。我的axios响应如下：
{
data: '',
status: 201,
statusText: '',
headers: {
date: 'Mon, 25 Nov 2019 05:53:45 GMT',
location: 'my-external-app-url',
server: '
浏览 2提问于2019-11-25得票数 0
回答已采纳
2回答
Ho在执行一个事件后调用axios，调用另一个axios以获得最新状态。
onHandleDeactivate我希望从UI中禁用特定的ID，而在成功地禁用之后，我必须获得该id的最新状态，比如“停用”，以获得我需要调用/get API的状态。
注意:我不希望重新加载/刷新页面以获得该id的状态。但是我可以通过axios /get调用来获得最新的状态。
我们如何才能做到这一点？
第一次呼叫/deactivate Axios
然后调用/get获取该Id的最新状态。
现在，使用下面的代码，它不是去激活，它只是调用/get axios。不是/deactivate
onHandleDea
浏览 0提问于2021-04-28得票数 0
回答已采纳
我正在使用DRF来创建api。我可以使用axios获取数据，但它在第一次返回undefined，因此，当我使用useState时，它被设置为undefined。 ItemDetail.js： import React, { useState, useEffect } from 'react'
import axios from 'axios'
const ItemDetail = () => {
const [detail, setDetail] = useState('')
const [id, setId] =
浏览 16提问于2021-07-23得票数 3
回答已采纳
我有一个以角表示的服务，它返回任意类型的数组。
import { Injectable } from '@angular/core';
import axios from "axios";
@Injectable({
providedIn: 'root'
})
export class BooksService {
private books:any[] = [];
constructor() {
this.books = this.getData()
}
getData()
{
axios.ge
浏览 2提问于2022-03-23得票数 0
回答已采纳
3回答
我正在使用WDIO并定义一个客户报告器来与testrails api集成。我们的计划是使用axios在测试钩子中发出这些请求。
不幸的是，我无法让axios在请求时返回任何有效数据。在大多数情况下，当我们await一个响应时，线程完全停止执行，没有任何日志记录输出。如果我充分利用它，有时我可以让它返回一个未解决的承诺，但我所能做的任何事情都不能最终解决这个承诺。
此外，在我的任何尝试中，testrails都没有接收到请求(我也测试了其他一些urls，我相当确定问题不是在目的地)。
我已经确保网络访问和安全性不是考虑因素。我们也尝试过使用axios post和直截了当的axios()方法，但没有
浏览 31提问于2021-06-23得票数 0
我正在调用两个有效的方法，但是当api1被调用时，它被执行，直到等待axios.put，然后api2被调用而没有从api1得到响应。在从api2获得回复后，它将转到api1 reponse，并得到作为未定义的的应答。
useEffect(() => {
api1();
api2();
}, [])
const api1 = async () => {
try {
var requestModel = JSON.stringify({ UserId: userid, MenuName:
浏览 2提问于2021-07-22得票数 0
1回答
无法将vuex存储导入到请求文件
、、、、
当一个请求被发送并且响应已经到来时，我正在尝试调用一个突变。这是我的请求文件：
import axios from 'axios'
import router from '@/router'
import _ from 'lodash'
const instance = axios.create({
baseURL: process.env.BASE_URL,
timeout: 31000,
headers: {
Accept: 'application/json'
},
});
浏览 0提问于2018-11-04得票数 1
1回答
我想在http-common.js中通过触发内部baseURL调用来定义axios，但是当我从http-common.js导入模块时，它不能获得axios对象。我发现即使是异步函数也没有运行...有谁知道这一点吗？非常感谢。
在http-common.js文件中
export default async function getAPIEndPoint() {
var endpoint = await axios.get("http://localhost:8082/getAPIEndPoint");
BASE_API = endpoint.data;
var ax
浏览 24提问于2020-05-06得票数 0
回答已采纳
1回答
我试图为这个类提供一个模拟请求，然后期望使用某些路径调用history.push。
Start.js
import React from 'react'
import { useHistory } from 'react-router-dom';
import axios from 'axios';
import { ReactComponent as Arrow } from '../../arrow.svg';
export default function Start() {
let history = useH
浏览 1提问于2021-02-24得票数 0
因此，我第一次使用的是承诺和异步/等待。据我的理解，异步生成函数是异步的，并允许在等待来自查询的响应时执行其他函数。给出了以下代码作为示例，并要求我们描述它执行的顺序：
const axios = require("axios");
const contributorCount = (repositories, contributorsList) => {
let repositoryContributorCount = [];
for (let i = 0; i < repositories.length; i++) {
repositoryCo
浏览 26提问于2022-10-25得票数 0
回答已采纳
我用VueJS编写了一个应用程序，我必须首先发送一个get电话才能获得重定向url。
this.$axios.get('http://first-url.call').then(function(response) {
console.log(response.request.res.responseUrl)
let postUrl = response.request.res.responseUrl
}).catch(function(error){
console.log(error)
});
在下一次调用中，我想使用"
浏览 4提问于2022-06-29得票数 0
1回答
开玩笑不检测函数调用
、、、、
我正在尝试测试函数removeBuilding()的错误大小写，在该函数中，API调用失败。我正在模拟API对error的调用，以进入catch块，然后调用displayError()。我的测试希望看到displayError被调用，但是这个函数正在运行并打印到控制台，因此出于某种原因，jest根本无法判断它正在被调用。
正在测试的职能：
removeBuilding = index => {
let { allBuildings } = this.state;
const buildings = this.state.allBuildings.filter(buildi
浏览 6提问于2020-09-12得票数 2
1回答
Laravel按顺序处理用户的并发请求。如何并发处理请求？看起来会话(保存在Redis存储中)阻塞了并发请求，但可能不是原因。问题出在哪里？
Vue发送请求...
async manageData() {
// array of chart's properties
const charts = await axios.post('/report/chart_data', {id: this.id);
// concurrent requests with variable 'charts'
const result = awai
浏览 1提问于2019-05-08得票数 0
import axios from 'axios';
const URL = 'http://localhost:5000/api/posts/';
class PostService {
static getPosts() {
return new Promise( (resolve, reject) => {
try {
const res = axios.get(URL);
const data = res.data;
浏览 35提问于2020-04-20得票数 2
回答已采纳
大家好，我正在做一个公理，用来更新我的数据。然而，我得到了一个不明确的回应。提前谢谢你
函数调用Axios：
export function exUpdateMovie(movie) {
Axios.put(baseURL + "/api/update", {
movieName: movie.movieName,
movieReview: movie.movieReview,
id: movie.id,
})
.then((response) => {
// console.log(response);
浏览 8提问于2022-06-17得票数 0
回答已采纳
我有基本的Node Js应用程序，我想在其中显示给定位置的天气，我有这个post路由，它是渲染给定对象的天气页面： app.post("/weather",(req,res)=>{
res.render('weather.hbs',{
temperature:fetchLocation(req.body.location),
location:req.body.location
浏览 23提问于2020-12-29得票数 0
回答已采纳
2回答
要求：
我需要进行多个API调用，然后将结果输出到Reactive前端。我用的是反应钩而不是类。
对所采取步骤的解释：
在视图函数(Function_V)中，我使用一个按钮调用一个函数(称为Function_A，它充当服务函数)，将参数发送给该函数。Function_A使用Axios使用参数进行get调用，并返回所需的承诺和响应内容。我将Function_A返回的部分输出推到一个本地数组变量上(以便生成最终的响应对象)。从这个Axios调用中提取几个输出，对函数A的Axios调用中的另一个函数(Function_B)进行函数调用。这是另一个Axios调用，以获得所需的其余API响应。
我成功
浏览 8提问于2021-07-28得票数 0
回答已采纳
在从Array.map函数返回对象的内部获取axios调用时，我遇到了问题。每当我返回响应时，它都会向数组返回一个具有我所需数据的承诺对象，但我似乎无法解析诺言对象来获取我需要的数据。当我console.log响应时，我得到一个常规对象，而不是承诺。
我尝试过使用Promise.all，使用redux-thunk进行分配(但是这会为每个数组项分配不同的操作)、JSON.parse、JSON.stringify，但是我似乎无法在数组中运行异步。
export const checkStreamerStatus = streamers => {
return{
type: CHE
浏览 1提问于2019-02-02得票数 0
回答已采纳
组件测试
class Carousel extends React.Component {
state = {
slides: null
}
componentDidMount = () => {
axios.get("https://s3.amazonaws.com/rainfo/slider/data.json").then(res => {
this.setState({ slides: res.data })
})
}
render() {
if (!slides) {
retu
浏览 0提问于2018-11-29得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
