未定义Fetch api响应
Fetch API是一种用于在web浏览器中进行网络请求的新标准。它提供了一种简单而强大的方式来发起HTTP请求并处理响应。未定义的Fetch API响应指的是在使用Fetch API发送请求时，无法解析或处理服务器响应的情况。
这种未定义的响应可能由多种原因引起，例如服务器返回的响应格式不正确、网络连接中断或者服务器端发生错误。在处理这种未定义的响应时，通常需要进行错误处理和适当的反馈。
对于前端开发者而言，可以通过使用Fetch API提供的catch()方法来捕获和处理错误响应。在catch()方法中，可以根据具体情况进行错误处理，例如显示错误信息给用户、记录错误日志或者进行其他特定的操作。
对于后端开发者而言，可以通过在服务器端对错误响应进行适当的处理和反馈。这可能包括返回特定的错误码、错误信息或者其他相关的响应内容。
总之，对于未定义的Fetch API响应，我们应该将其视为一种异常情况，并采取适当的措施来处理和反馈这些异常，以提高应用程序的可靠性和用户体验。
（腾讯云相关产品和产品介绍链接地址待补充）
相关·内容
2回答
我正在使用文档中的fetch示例，并获取以下内容：
https://learnwebcode.github.io/json-example/animals-1.json
下面是componentDidMount部分：
componentDidMount() {
fetch("https://learnwebcode.github.io/json-example/animals-1.json")
.then(res => res.json())
.then(
(result) => {
this.setState({
is
浏览 0提问于2018-11-03得票数 0
回答已采纳
2回答
当我试图在组件中使用API响应时，我遇到了一个问题，我正确地获取了API存储响应，但是当访问响应对象时我得到了这个错误。
未定义不是对象(计算'response.employee_name')
这是我的代码：
export default function TutorsScreen ({ navigation }) {
let [response ,setResponse] =useState();
useEffect(() => {
fetch("https://dummy.restapiexample.com/api/
浏览 6提问于2022-08-15得票数 0
回答已采纳
1回答
我正在使用电影数据库API，并尝试在youtube上播放预告片，因此我需要来自JSON响应的键值。我尝试了所有方法，但函数要么返回promise，要么未定义。我试图使用回调来返回结果，但也不起作用。
const fetch = require('node-fetch');
// function declaration
async function trailer(id, callback) {
var video = 'https://api.themoviedb.org/3/movie/' + id + '/videos?api_key=
浏览 0提问于2018-12-19得票数 0
问题所在
我正在创建一个快速服务器，它从API中获取货币汇率。在该路由中，我通过一个助手函数获取这些汇率，然后我希望在响应体中以{data: rates, status: 200}格式返回它们。
然而，从路由返回的唯一东西是{status: 200}，因为汇率是未定义的(待定的承诺)。fetch成功执行，即没有在catch子句中捕获，也没有返回默认结果。关键的“费率”也是存在的。
我不明白，为什么这是未定义的，也不明白如何修复它，因为我正在等待来自服务的响应，然后才从路由返回。我也尝试过将路由器响应封装在一个.then子句中，而不是使用await，但是我遇到了同样的问题。
API服务获取
re
浏览 0提问于2021-07-09得票数 1
回答已采纳
我正在尝试将来自fetch api调用的响应存储在gloval变量中。然而，我存储结果的变量返回未定义。
我尝试过使用async/await来解决这个问题，但是它似乎对这个问题没有帮助。我似乎达到了返回未决承诺的状态，但这并不是预期的结果。
var obj;
async function getEmails() {
let url = "https://api2.frontapp.com/inboxes/xxxxxx/conversations?limit=50";
return fetch(url, {
body: undefined,
浏览 0提问于2019-05-24得票数 0
我有一个JavaScript脚本，它通过fetch api向api发出请求，然后将json响应推送到列表中，我希望通过它的索引访问列表中的响应对象，但是条目返回未定义，就好像它不在列表中一样。
我试过这个：
let trendingMoviesDetails = []
fetch(`https://api.themoviedb.org/3/movie/529203?api_key=${key}&language=en-US&append_to_response=videos,release_dates`)
.then(response => response.json()
浏览 2提问于2022-04-04得票数 0
回答已采纳
这是我第一次使用React，Redux，我完全迷失了。问题出在我的行动上：
import axios from 'axios';
import { FETCH_MOVIE } from '../constants/actionTypes';
const API_KEY = <API_KEY>;
const ROOT_URL = `<API_URL>`;
export function fetchMovies(pop){
const url = `${ROOT_URL}?api_key=${API_KEY}&sort_by
浏览 0提问于2017-07-05得票数 0
2回答
我开始研究，在我的沙箱中，我可以让它从中获取，然后通过
function getGithubGists() {
fetch('https://api.github.com/users/octocat/gists')
.then(function(response) {
response.json().then(function(data) {
console.log('data', data)
})
})
.catch(function(error) {
console.log(
浏览 12提问于2016-07-30得票数 1
我已经从getStaticProps返回了json响应，控制台将其记录在getStaticProps中以验证正确的json响应。因此，fetch运行良好，我从API获得了正确的响应。
import Layout from '../components/layout';
import fetch from 'isomorphic-unfetch';
const Index = ({data}) => {
console.log(data)
return (
<Layout>
<div&
浏览 3提问于2020-08-16得票数 5
回答已采纳
我正在做一个fetch请求，它会在我的数据库中创建一个新用户。所有这些都可以工作，并创建一个新用户/返回api-key。
问题是我无法将收到的fetch请求的响应传递给reduces。我想知道我是否应该调用另一个操作来响应我成功的fetch请求，该请求触发了一个reducer并将请求的响应作为有效负载。
或者如果我能够立即将fetch请求的响应传递给reducer。这是我的传奇故事：
import { call, put, takeEvery, takeLatest, delay } from 'redux-saga/effects';
import {REGISTER} fr
浏览 1提问于2019-12-02得票数 0
我的logic.js文件中有一个函数，它从api检索平面的纬度和经度：
function getLocation(){
var url = 'https://opensky-network.org/api/states/all?time=1458564121&icao24=3c6444'
return fetch(url) // Call the fetch function passing the url of the API as a parameter
.then(function(resp){
浏览 0提问于2018-02-21得票数 0
回答已采纳
1回答
我正在使用fetch api从端点创建一个对象数组。响应中的每个对象都包含一个新的url，我扫描这个数组以寻找新的对象。目的是访问端点、获取urls和访问这些urls来存储对象和属性。但是，当使用对象访问数组时，从索引中返回未定义的数组。
let url = [];
let pokemon = [];
function getPokemons(){
fetch("https://pokeapi.co/api/v2/type/11/")
.then(async response =>{
await respo
浏览 2提问于2020-07-25得票数 0
回答已采纳
1回答
我是新来的Javascript。
我使用fetch从API获取数据，我希望使用来自响应的特定数据，并将其用于获取之外的另一个地方。
fetch("https://backend.org/api/v2/auth/login", requestOptions)
.then(response => response.text())
//~ .then(result => console.log(result))
.then(result => {
console.log(result);
let loginR
浏览 3提问于2022-08-11得票数 0
回答已采纳
3回答
我正在调用api并获取响应，然后将响应数据设置为state。问题是在setState之后状态仍然是未定义的，并且没有使用api数据更新天气组件。
class App extends React.Component {
state = {
temperature: undefined,
icon: undefined,
time: undefined,
timezone: undefined,
description: "123"
};
getWeather = async e => {
e.preventDef
浏览 3提问于2019-08-20得票数 0
2回答
我正在开发一个单位转换API，我在使用fetch()时遇到了很多问题。我的后台应用程序接口工作正常，例如，当我调用curl "http://localhost:8000/unitconv/convert?to=lb&from=kg&value=10"时，我得到了正确的响应：{"units": "lb", "value": 22.04623}。然而，当我用fetch()做完全相同的事情时，我得到的是： 📷 我已经尝试了localhost和127.0.0.1，但我仍然不能通过这个“未定义”。这是怎么回事？
浏览 17提问于2021-04-03得票数 0
回答已采纳
我正在推送从REST API获取的数据，但未定义。我如何才能以正确的方式获取这些数据？
我来自API的响应：
[{
"id": 1,
"positionName": "Accounting Assistant III"
}, {
"id": 2,
"positionName": "Web Developer III"
}, {
"id": 3,
"positionName": "Graphic Designer"}]
我在React中的代码：
cons
浏览 0提问于2019-07-27得票数 1
所以我有点卡住了，我想看看我是否可以得到一些关于如何将API响应设置为一些局部变量并提取数据的澄清。
下面是我获得API响应的函数：
function make_request(url) {
return fetch(url, {
method: 'GET',
headers: new Headers({
'Authorization': 'Basic ' + btoa(USERNAME + ':' + PASSWORD),
}),
}).th
浏览 0提问于2021-05-11得票数 0
嗨，这可能是一个非常新手的错误，但是有人知道为什么这是console.logging未定义的吗？当我向浏览器提交url时，我得到了有效的json响应。谢谢 fetch('https://maps.googleapis.com/maps/api/place/nearbysearch/json?key=[API KEY HERE]&location=49.246292,-123.116226&radius=500000')
.then((resp) => {
resp.json();
})
浏览 3提问于2019-02-04得票数 1
回答已采纳
我想将布尔值从API响应对象传递给子组件。在子组件中可以更改什么来使用isFavourite值？主要问题是如何将布尔值传递给其他组件。目前，我在isFavourite上收到一个未定义的值。
响应
{"id":12,"title":"The Lord Of The Rings","isUserFavourite":true}
电影
const Movie = ({match}) => {
const [movie, setMovie] = useState([]);
useEffect(
浏览 3提问于2021-11-09得票数 0
回答已采纳
这是用于GET请求的api部分中的代码：
export default async (req, res) => {
const { query: { className }, method } = req;
switch (method) {
case "GET":
try {
const classDetail = await Class.findOne({title: className});
if (!classDetail) {
return res.status(400).json
浏览 3提问于2022-08-14得票数 0
1回答
我正试图在回购的fetch示例中找出如何处理失败的http响应。
以下是我的第一个想法(修改网址)：
Js.Promise.(
Fetch.fetch("https://dog.ceo/api/breeds/list")
|> then_(res => {
let ok = Fetch.Response.ok(res);
ok ?
Fetch.Response.json(res) :
Js.Exn.r
浏览 1提问于2018-02-19得票数 2
回答已采纳
在从API获取响应的简单React中，以下带有大括号的代码以未定义的的形式生成数据值。
fetch('http://localhost:8000/track/?id='+this.state.input)
.then(res => {res.json()}) //Note Curly braces around {res.json()}
.then((data) => {
console.log(data);
然而，当大括号被移除时，令人惊讶的是，它在控制台中获取并打印
浏览 4提问于2021-09-15得票数 1
回答已采纳
我使用fetch对服务器进行api调用，响应json文件返回一个未定义的响应类型。我想记录响应并在屏幕上呈现它。
我的源代码：
'use strict';
import React, {Component} from 'react';
import {StyleSheet, View, Text, ListView, ScrollView} from 'react-native';
var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
cla
浏览 1提问于2017-02-19得票数 1
回答已采纳
如何将响应从API初始化为变量，以便在我的render()函数中使用它？为什么component.setState不能工作？错误：
未定义的TypeError:无法读取未定义的属性“用户名”(…)
class Main extends React.Component {
constructor(props) {
super(props);
this.state = {
data: 23
};
}
componentDidMount() {
var component = this;
fetch('https://fccto
浏览 3提问于2016-11-14得票数 2
回答已采纳
我想要获取用户数据，我想通过Json主体发布userId，但我得到了一个响应错误‘未定义的变量: userId’。当我运行Postman时，它会正确地响应userId parameter.Please检查我的代码。
componentDidMount() {
fetch('https://barnightslive.com/bar-nights-api-v2/api/getMyProfile', {
method: 'POST',
headers: {
'Accept': 'application/js
浏览 0提问于2020-05-22得票数 0
所以我在获取api时得到了一个未定义的响应，我真的不知道为什么 这是组件中的函数调用 const init = usersId => {
getUser(usersId).then(data => {
if (data.error) {
setValues({ ...values, error: data.error });
} else {
// populate the state
setValues({
...va
浏览 38提问于2021-03-21得票数 0
回答已采纳
我有一个下面的函数，它发送一个fetch请求并返回一个JSON结果，我检查了响应，它确实返回了一个我需要的值，return userid确实返回了一个值，问题是当我调用这个函数时，它返回了一个未定义的值，即使我已经检查了它确实返回了一个值。 我正在寻找一个简单的解决方案。 function currentloginid() {
fetch('http://localhost/gaq/api/api.php?action=userid', {
method: 'GET',
}
)
.then(function(respons
浏览 22提问于2020-10-01得票数 0
我正在学习反应和制作天气应用程序。它从开放的天气中获取API，并为数据分配响应，然后使用setCity为城市设置值。但是在第一次加载时，城市变量是未定义的，当我控制台注销数据时，它拥有所有的JSON对象。
const [city, setCity] = useState({})
useEffect(()=>{
getWeather()
},[setCity])
const getWeather = async ()=> {
const reqAPI = `http://api.openweathermap.org/data/2.5/weather
浏览 3提问于2021-01-15得票数 0
回答已采纳
2回答
我试图打电话给google，以便从js中获得位置建议。如下所示:这是服务模块
fetch(){
let url=`https://maps.googleapis.com/maps/api/place/autocomplete/json?input=IL&types=geocode&key=API_KEY`
return Ember.RSVP.resolve(Ember.$.ajax(url,{
method: 'GET'
}))
.then(
(response)=>{
console.log("google suggested places:&#
浏览 3提问于2017-12-14得票数 0
回答已采纳
我得到了一个从API中获取数据的方法，但是它在接收错误响应时会记录错误(404,500)。
如果状态是一个错误，那么我只想以数据的形式返回“未定义”，我在这里的错误是什么，如何消除控制台上的错误？
fetch.js
export default (url, method, authorization, body) => {
const headers = { 'Content-Type': 'application/json' }
if (authorization) headers.Authorization = localStorage
浏览 0提问于2018-08-22得票数 1
回答已采纳
我正在测试一个组件，它使用useEffect钩子从API获取数据，更新状态，然后构建组件。我以为例成功地模拟了几个测试的API响应。现在，我正在尝试编写一个测试，在其中模拟API返回的错误。我收到了一个错误，说明了TypeError: Cannot read property 'then' of undefined for fetch。我试着用同样的例子，但没有运气。
我成功地使用测试数据获取模拟，如下所示：
global.fetch = jest.fn().mockImplementationOnce(() =>
Promise.resolve({
json
浏览 32提问于2022-01-15得票数 1
回答已采纳
2回答
在从获取API响应中将状态设置为数据时，我遇到了问题。
render() {
function getCode(text) {
fetch('url', {
method: 'POST',
headers: {
Accept: 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({
浏览 2提问于2019-02-23得票数 2
回答已采纳
1回答
我从节点服务器api端发送响应，如下所示: 1)res.status(200).send({success: true, token: 'JWT ' + token});和2) res.status(401).send({success: false, msg: 'Authentication failed. Wrong password.'});，当试图将响应返回到下面的react客户端函数时，它给我发送了json主体，但是它给出了状态代码为‘未定义的’。
login(userCredentials) {
// Get a token from api
浏览 0提问于2018-10-19得票数 0
回答已采纳
1回答
当将数据发布到API并获得响应时，如果我硬编码获取调用( body："XYZ12345")中的正文数据，那么它可以正常工作，这是一个示例：
const vatValidationRequest =
fetch(
'/api/vies/validateVAT.php', {
method: 'POST',
body: "XYZ12345",
浏览 2提问于2022-04-21得票数 0
回答已采纳
1回答
有两个文件：RegistrationScreen.js和api.js。
在api.js中，我运行的是fetch()函数：
export const fetchAllUsers = () => {
fetch(`http://${localIP}:${port}/api/userData`)
.then(res => res.json())
/* .then(json => console.warn('JSON: ' + json.userData[0].username))
.catch(e =>
浏览 1提问于2019-04-29得票数 0
回答已采纳
我对开发非常陌生，我需要一些指导。在从外部API检索数据之后，我尝试从后端提供数据，其工作原理是能够在控制台/后端中查看响应数据。但是，当我在React中修改状态并尝试在前端使用数据时，状态仍然是未定义/空字符串。
两台服务器在不同的端口上运行，并且通信正常。
App.js (前端)
class App extends Component {
constructor(props) {
super(props);
this.state = {
apiResponse: '',
products: ''
};
浏览 0提问于2019-04-03得票数 0
在我屏幕搜索中，我创建了一个fetch，它返回一个json作为响应。我将此响应设置为导航到屏幕B的参数。创建此参数的最佳实践是什么？
我只是发送了响应，但在另一端它是未定义的！
fetch(this.endPoint, {
method: "GET",
headers: null,
}).then(response => response.json())
.then(response => {
console.log('the result
浏览 5提问于2019-03-29得票数 0
回答已采纳
1回答
我正在使用Vuex/Axios向API发出GET请求。当组件挂载时，我向Vuex存储分派一个操作，并发出Axios GET请求。在Vuex操作中，Axios GET请求按预期返回响应，但组件内部的响应返回未定义。我做错了什么？
axios/index.js
import axios from 'axios';
const API_URL = 'http://localhost:3000/api/v1/';
const plainAxiosInstance = axios.create({
baseURL: API_URL,
withCredent
浏览 26提问于2019-11-07得票数 1
回答已采纳
我正在尝试使用node-fetch将GET请求中的数据保存到变量中，但我得到了一些结果！当我通过控制台记录响应时，我可以看到它。但是当我将resData赋值给变量时，我得到了未定义。 const fetch = require('node-fetch');
async function fetchData(){
const response = await fetch(url, options)
const resData = await response.json();
console.log(resData);
return resData;
};
let my
浏览 83提问于2021-06-18得票数 3
回答已采纳
我在页面的api钩子中获取一个fetch()，然后通过一个操作和一个突变，在我的状态中更新一个名为movieList的值。我知道动作和突变是有效的，因为我可以看到它们正确地记录了响应对象。但是我的页面似乎没有在我的商店中找到movieList，所以它返回未定义。这是我的文件夹结构： ? 这是我的状态： const state = () => ({
movieList: 'pashmi'
}); 注:我初始化了movieList: 'pashmi'以测试...mapState是否返回pashmi，但它仍然返回未定义。这是我的mapState：
浏览 61提问于2021-03-31得票数 0
回答已采纳
我正在尝试创建一个拦截器，用于获取javascript (更具体的反应)。它应该从每次调用的fetch中获得结果，如果是401错误，它应该启动对另一条路由的新提取调用，以获得cookie (刷新令牌)。然后，应该再次尝试原始的fetch调用(因为现在用户已登录)。
我已经成功地触发了新的fetch调用，并为每个调用发送了cookie，但是我在下面遇到了以下两个问题：
我现在不知道如何在收到刷新令牌后重试fetch调用。这有可能吗？我找到了获取-重试npm ()，但不确定如何以及是否可以在拦截器上实现它，何时应该对原始的提取调用执行.。
我似乎在异步等待(我认为)做了一些错误，因为拦截不是在返回
浏览 0提问于2021-01-09得票数 5
回答已采纳
2回答
我使用fetch方法从我的react应用程序中的API中检索数据，使用下面编写的代码。
componentDidMount(){
let auth_token = localStorage.getItem("token");
let header_obj = {"x-access-token": auth_token};
fetch('http://example.com/xyz', {headers: header_obj})
.then(response => response.json())
.
浏览 1提问于2018-03-06得票数 1
回答已采纳
下面是代码片段：
export default function GetWeather(props) {
const [weather, setWeather] = useState([]);
const apiKey = "xxxxx";
const apiUrl = `https://api.openweathermap.org/data/2.5/weather?lat=44.34&lon=10.99&appid=${apiKey}`
useEffect(() => {
console.log("In useeffec
浏览 2提问于2022-09-29得票数 0
2回答
我点击了一个api并将响应保存在一个变量中，但是我存储的变量显示的是调试器未定义的变量。
try {
let response = await fetch(
"http://test.kelltontech.net/eventengine/getmyevents?hash=****×tamp=****&id=****",
{
method: "GET",
headers: {
"Content-Type
浏览 0提问于2018-11-14得票数 0
设计了一个自定义节点API，从数据库中提取学生的数据。我把它连接起来，然后尝试获取数据和显示。但我面临的一个问题是，我从api中获取数据，但是当我试图设置从api响应获得的数据并试图控制台我的useState()变量(即apiData )时，它给了我未定义的信息。下面是我的代码
const [apiData,setApiData] = useState([])
const url ="http://localhost:5000/student/"
useEffect(() =>{
fetch(url).then(
(response) =&g
浏览 6提问于2022-08-08得票数 0
从API获取数据时得到一个错误，我需要的实际数据是响应。但是当我试图访问它时，它只是显示为未定义的。我添加了一个加载函数，但这似乎并不能修复它。
前Json (原版太大)
{
"request": {
},
"response": [
{
Data I want here
}
choose.js
const [data, setData] = useState();
const [loading, setLoading] = useState(false);
useEffect((
浏览 2提问于2022-05-08得票数 1
回答已采纳
2回答
我把头撞到客户身上已经太久了，我需要帮助。
我从Sky扫描器那里得到了一些数据。该请求按下他们的API和Chrome开发工具，将其列在“网络”选项卡中，作为一个完整的获取请求，包含代码200和正确的响应体。
import {inject} from 'aurelia-framework';
import {HttpClient} from 'aurelia-fetch-client';
@inject(HttpClient)
export class Flights {
constructor(http){
http.configure(
浏览 1提问于2016-02-08得票数 4
回答已采纳
我试图使用阿波罗客户端在GraphQL查询中使用动态变量。我一直在跟踪文档，但阿波罗一直给我错误，说我的变量没有定义，并最终使用状态代码400进行响应。
阿波罗的文件上说：
变形：(选项？：MutationOptions) =>承诺一个函数从你的UI中触发一个突变。您可以选择传递变量、optimisticResponse、refetchQueries和update中的as选项，这些选项将覆盖传递给突变组件的任何道具。该函数返回一个承诺，以满足您的突变结果。
下面是我试图写的代码：
const fetch = require('node-fetch');
const
浏览 0提问于2019-01-23得票数 11
回答已采纳
我在有本地api
我想从api 接收数据。
我已经在控制台中收到了响应对象，但是我无法继续。
我的代码：
export function fetchBooksWithRedux() {
return dispatch => {
dispatch(fetchBooksBegin());
return fetchBooks().then(([response, json]) =>{
if(response.status === 200){
dispatch(fetchBooksSuccess(json))
浏览 0提问于2018-07-21得票数 0
回答已采纳
对于如何正确地使用提供的Fetch API，我是新的反应本机和困惑。
调用本身(如这里概述的：)很简单，我可以注销一个成功的响应，但是当需要呈现数据时，它是未定义的。
我希望我可以定义一个空的“movies”数组，然后从componentDidMount()调用'setState‘来替换它，这将触发一个重呈现。这个假设是否不正确？
下面的代码示例导致以下错误：
“未定义”不是对象(计算'allRowIDs.length')
提前感谢您的帮助！
import React, { Component } from 'react';
import { A
浏览 5提问于2016-11-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
