JSON解析错误:针对Fetch API请求的意外标识符"Array“
JSON解析错误是指在解析JSON数据时出现错误的情况。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，常用于前后端数据传输和存储。当使用Fetch API发送请求时，如果返回的数据无法正确解析为JSON格式，就会出现JSON解析错误。
针对Fetch API请求的意外标识符"Array"可能是指在请求返回的数据中，出现了意外的标识符"Array"，导致无法正确解析为JSON格式。这种情况可能是由于服务器返回的数据格式不符合JSON规范，或者在前端代码中对返回数据的处理出现了问题。
为了解决JSON解析错误，可以采取以下步骤：
- 检查返回数据格式：确保服务器返回的数据格式符合JSON规范。JSON数据应该是一个有效的JSON对象或数组，且使用双引号包裹字符串。
- 检查请求头：确保在发送Fetch请求时，设置了正确的Content-Type头部，指定请求数据的格式为JSON。例如，可以设置"Content-Type: application/json"。
- 检查前端代码：检查前端代码中对返回数据的处理逻辑，确保使用合适的方法解析JSON数据。常用的方法包括JSON.parse()将JSON字符串解析为JavaScript对象或数组。
- 错误处理：在解析JSON数据时，使用try-catch语句捕获可能出现的异常，并进行相应的错误处理。可以在catch块中输出错误信息或进行其他操作，以便及时发现和解决问题。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：提供弹性、安全、稳定的云服务器实例，满足各类业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：提供高性能、可扩展的云数据库服务，支持自动备份、容灾等功能。详情请参考：https://cloud.tencent.com/product/cdb
- 云存储（COS）：提供安全、可靠的对象存储服务，适用于图片、音视频、文档等文件的存储和管理。详情请参考：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：提供丰富的人工智能算法和模型，支持图像识别、语音识别、自然语言处理等应用场景。详情请参考：https://cloud.tencent.com/product/ailab
请注意，以上链接仅为腾讯云相关产品的介绍页面，具体的使用方法和价格等信息请参考官方文档或咨询腾讯云官方渠道。
相关·内容
因此，我必须向包含凭据的不同域的各种urls发出请求 我已经成功地发送了一个这样的： const resp = await fetch(`my-url-here`, {
method: 'POST',
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json',
浏览 21提问于2021-11-23得票数 0
1回答
我试图通过javascript (ReactJS)向Wit.ai提出API请求。“我的浏览器网络”选项卡显示调用失败，消息如下：
“错误”：“错误，请检查令牌/参数”
但是，同样的调用在Wit.ai日志中显示为成功。我已经验证了凭证是正确的，我可以成功地通过终端cUrl呼叫。
这里有个电话：
async action() {
const resp = await fetch('https://api.wit.ai/message?v=20160526&q=hello', {
method: 'GET',
heade
浏览 0提问于2016-09-22得票数 0
我一直在处理一个PHP项目，我在一个文件中得到了一个错误，即
解析错误:第91行中的语法错误、意外“(T_ENCAPSED_AND_WHITESPACE)、期望标识符(T_STRING)或变量(T_VARIABLE)或数字(T_NUM_STRING)
我的代码是：
$s = mysql_query("select * from user_reg where mid='$mid'");
$f = mysql_fetch_array($s);
<?php
while($f = mysql_fetch_array($s))
{ echo
浏览 0提问于2014-08-04得票数 0
我有一个React (CRA)，它托管在Firebase上，并且正在尝试访问外部Rest (使用javascript的fetch() )，但是由于该API不在web应用程序的同一个域上，它会抛出一个"CORS“错误。API将头Access-Control-Allow-Origin作为*。在开发模式下，我可以使用package.json中的代理来解决这个问题，但是在应用程序被托管之后，似乎没有什么能起作用。
已经尝试过以下的方法
更新Firebase.json以包括标头
使用no-cors模式时使用fetch()
浏览 4提问于2020-01-14得票数 0
我刚刚将我的Create-React-App项目部署到Heroku。在开发过程中，我运行两个独立的端口--本地HTML + JS是使用端口3000上的npm/yarn start脚本从React WebpackDevServer提供的。后端是在端口3001上运行的Express + NodeJS。我将所有的fetch请求都配置为使用mode:'cors'，并在API上提供了一个处理程序，以避免CORS错误。典型的fetch请求如下所示：
当我部署到Heroku时，现在所有的东西都保存在一个单独的Dyno上，Express应用程序提供React文件(捆绑+ index.html)
浏览 0提问于2018-09-15得票数 2
我正在尝试实现一个需要访问数据库的React应用程序。据我所知，这可以通过nodejs/express作为后端来完成。此外，我的印象是，通过在我的react package.json文件中添加一个代理条目，我可以将fetch调用的"/api“请求重定向到后端服务器。然而，我不认为它是有效的。在浏览器控制台中，在localhost:3000 (即NPM react服务器)上显示404错误。我的后端在5000端口上运行。
我可以访问后端服务器的"“，它会按照设计返回JSON。
下面是我的react package.json文件：
{
"name": "u
浏览 0提问于2019-08-08得票数 0
1回答
我想将API调用(外部源，API端没有机会更改某些内容)从PHP更改为Javascript (学习目的)。 因为是跨域的，所以我使用fetch()。当我运行我的脚本时，我得到了一个意外的输入结束错误，并且找不到原因。 function postData(url = '', data = {}) {
var headers = new Headers();
headers.set('Authorization', 'Basic ' + window.btoa("user" + ':' + "pass
浏览 26提问于2019-08-30得票数 0
回答已采纳
我多次尝试使用fetch获得一个API，而且我得到的承诺是让我头疼。这是我正在收到的错误，JSON输入的意外结束
我在网上查过了，包括堆栈溢出，但是他们在前面的问题中给出的解决方案不是解决我的问题。这在我看来很不寻常
search(){
let{ingredients, dish} = this.state;
const url = `http://www.recipepuppy.com/api/?i=${ingredients}&q=${dish}`;
fetch(url, {
method: 'GET&
浏览 0提问于2019-05-20得票数 1
我刚开始编写代码，我正在使用node-fetch，并试图检查响应是json还是text，但如果响应是文本，则会出现错误。
如果响应是json，它会正常工作，但是如果响应是文本，我会得到一个错误。
我所犯的错误：
invalid json response body at https://url.com/api reason: Unexpected token i in JSON at position 6
我的代码：
const fetch = require("node-fetch");
const doFetch = async (url) => {
try {
浏览 3提问于2021-09-05得票数 1
回答已采纳
1回答
我使用fetch API将一些数据发送到一个translate.php文件，下面是我的JS代码： const translation = {
word: 'Hello'
};
fetch('http://yandex.local/translate.php', {
method: 'POST',
body: JSON.stringify(translation),
headers: {
'Content-Type': 'application/json'
}
}).then(res
浏览 16提问于2020-09-30得票数 0
回答已采纳
我对javascript很陌生。我想打个api电话。我的代码
const options = {
method: 'GET',
headers: {
Authorization: 'Basic dW5kZWZpbmVkOnVuZGVmaW5lZA==',
'content-type': 'application/json',
}
};
fetch(
'https://www.eraktkosh.in/BLDAHIMS/bloodbank/nearbyBB.cnt?hmode=GETNEARB
浏览 9提问于2022-05-09得票数 1
我正在尝试使用iTunes搜索api和fetch API。
当我尝试以下操作时，我会在控制台中得到一个响应。
fetch('https://api.github.com/users/bootstrap').then(function(response) {
return response.json();
}).then(function(j) {
console.log(j);
});
然而，当我尝试
fetch('https://itunes.apple.com/search?term=jack+johnson',{mode:
浏览 1提问于2016-07-12得票数 0
9回答
获取()意外的输入结束
、、、
我使用fetch()从api服务器获取数据。我的错误如下所示：
Uncaught (in promise) SyntaxError: Unexpected end of input at
fetch.then.blob.
你能告诉我我做错了什么吗？
const weatherAPi ='https://www.metaweather.com/api/location/523920';
fetch(weatherAPi, {
mode: 'no-cors'
}).then(blob => blob.json())
.then(data =>
浏览 5提问于2017-08-15得票数 92
回答已采纳
其他文件中的子模式无法由$ref解析
错误消息：Unexpected token encountered when reading value for '$ref'. Expected StartObject, Boolean, got String. Path 'properties.organization.items.properties.$ref'
根模式
{
"$schema": "http://json-schema.org/draft-07/schema#",
"$id": "
浏览 2提问于2020-03-17得票数 0
回答已采纳
我没有在Api端点中接收到通过fetch和PUT方法发送的表单数据。
我使用POST方法，它解决了我认为不推荐更新的问题。我在localhost:3000上运行react，在localhost:5000上运行laravel-API。
这是API中的路由
Route::put('updateSlide/{id}', 'SlidesController@updateSlide');
这就是控制器中的内容
public function updateImage(Request $request, int $id)
{
$image = $this->
浏览 31提问于2019-11-01得票数 0
我要做的是记录一个用户和另一个用户之间正在进行的视频通话。一旦用户点击录制按钮，视频录制就会开始。但是，我遇到了以下问题 Unable to fetch record↵Invalid RecordingSid parameter 我使用rails作为api，使用reactjs作为前端。在rails方面，我做了以下工作 def record
@client = client_authenticate()
puts params["room_sid"]
# RM5XXXXXXX
recording = @client.video.recording
浏览 12提问于2019-01-31得票数 0
回答已采纳
2回答
我试图用perl解析一些json，但遇到了问题。我已经阅读了它的文档，但仍然不完全理解如何编写它。我找到了一些关于它的教程，但仍然收到错误。下面是我的代码：
fetch_json_page("http://api.oodle.com/api/v2/listings?key=TEST&format=json®ion=usa&category=sale");
sub fetch_json_page
{
my ($json_url) = @_;
my $browser = WWW::Mechanize->new();
eval{
浏览 2提问于2011-05-10得票数 0
回答已采纳
我的本地系统上有一个reactjs应用程序和一个php。我运行了一个post提取函数，它运行得很好，并成为来自服务器的响应。
let formData = new FormData();
formData.append('username', username);
formData.append('password', password);
fetch('http://api.**********/users/login', {
method: 'post',
body:
浏览 0提问于2019-07-14得票数 0
我试图使用Zapier连接到我的API，但我一直收到以下错误：
SyntaxError:位置1处JSON中的意外令牌o
不知道该做什么，我对javascript没有太多的经验。因此，任何帮助都将不胜感激！下面是我使用的代码：
var url = "MY API REQUEST URL";
var headers = {
"Accept": "application/json",
"headers":{"Authorization": "MY API
浏览 2提问于2018-05-01得票数 0
当我尝试使用以下代码访问页面时：
export const getStaticProps = async (context: any) => {
const res = await fetch(
`https://pokeapi.co/api/v2/move/${context.params.move}`
);
const move = await res.json();
return {
props: {
move,
},
};
};
export const getSt
浏览 1提问于2021-03-15得票数 0
我有以下jQuery代码：
$.post('php/php_result.php', {'functions':'getpersonaldetails','theuserid':data1}, function(data3, status3) {
var personalDetails = JSON.parse(data3)[0];
alert(personalDetails.last_name);
},'json');
上面的代码有en Syntax Error: JSON.
浏览 2提问于2017-04-10得票数 0
回答已采纳
2回答
我目前正在使用express来处理POST请求，但是当我使用节点-fetch发布帖子时，我发送了一个body，然后发送了在express (服务器代码)中接收的body ()。我得到了一个空的物体。不知道为什么会发生这种情况，我将在下面包含我的代码。
服务器代码
const express = require('express');
const bodyParser = require("body-parser");
const app = express();
app.use(bodyParser.urlencoded({ extended: true })
浏览 7提问于2020-06-08得票数 0
回答已采纳
1回答
我正在使用承诺记录来自api的响应。但每次身体登录时都是空的。很可能是因为异步调用
用于从fetch调用api。
function getDetails(url){
return new Promise((resolve, reject) => {
fetch(url, {mode: 'no-cors'}).then(res => {
resolve(res);
}, error => {
console.log(err);
})
})
浏览 0提问于2019-06-08得票数 0
2回答
我已经在Heroku上部署了我的应用程序，经过一些调整后，所有的东西都正常工作，除了我试图从Mongo数据库中检索数据时。我得到的控制台错误是: Uncaught (在承诺中) SyntaxError:位于0位置的JSON中的意外令牌<。
我觉得它不会进入get请求，而应该是这样的。(因为它没有在控制台中记录任何内容)
我是不是错过了在生产过程中处理路线的方法？发展中的一切都在起作用。
我现在很困惑，希望有人能帮我
Server.js：
const bodyParser = require('body-parser')
const path = require('
浏览 3提问于2020-06-03得票数 0
回答已采纳
我正在使用Aurelia构建一个web应用程序。我希望显示一个从列表视图传递参数(id)的详细信息页。这是我的(简化的，“详细信息”是基本数据类)控制代码：
[HttpGet("[action]")]
public IActionResult GetDetail(int _id)
{
var b = new Detail()
var customjson = JsonConvert.SerializeObject(b, Formatting.Indented);
return Ok(customjson);
浏览 0提问于2018-04-21得票数 0
回答已采纳
※在发布问题后编辑了一些代码。下面是新代码。
我正在尝试使用Netlify函数来隐藏我的API密钥来获取数据。但是，它返回一个304，并且似乎不起作用。下面的代码返回错误"SyntaxError: Unexpected < in JSON at position 0“，响应代码为304。
有人能帮我改进一下吗？
函数/fetch-weather.js
const handler = async (event) => {
try {
const { city } = event.queryStringParameters;
const API = proc
浏览 9提问于2021-09-13得票数 0
我正在设置一个使用服务器连接到另一个站点的天气应用程序网站，并使用了异步javascript，但在尝试运行代码后，在应用程序文件的最后一行出现了一个错误，显示为“未捕获语法错误:输入的意外结束”……我不明白它的意思，因此我不知道如何解决它
以下是我的应用程序文件代码
/* Global Variables */
const apiKey = "726f360f99f8ed5ce834f19b2f632fd3"
// Create a new date instance dynamically with JS
let d = new Date();
let newDate = +
浏览 2提问于2021-06-23得票数 0
const storeProducts = fetch('https://yalantis-react-school.herokuapp.com/api/v1/products/').then(res => res.json()).then(res => console.log(res))
const detailProduct = fetch('https://yalantis-react-school.herokuapp.com/api/v1/products/4423b750-48ea-424a-9432-c77261bb4682').the
浏览 21提问于2020-01-29得票数 0
回答已采纳
去年，我编写了一个自定义规范化器来修改链接输出(使用https://www.mediacurrent.com/blog/using-normalizers-alter-rest-json-structure-drupal-8/作为参考)，以便与JSON:API输出一起使用，这就像一种魅力。但是，当我启用模块时，此时会出现一个很大的错误(请参阅下面)。
错误：
TypeError: Adaptor Drupal\jsonapi_extras\Plugin\ResourceFieldEnhancerBase returned invalid output data: [] in Drupal\js
浏览 0提问于2021-02-24得票数 0
我刚报名参加Google Places API。他们给我发了一个server key，我在代码中使用它。
这是我的代码：
function getLatLon($address)
{
$curl=curl_init();
curl_setopt($curl,CURLOPT_URL,'https://maps.googleapis.com/maps/api/geocode/json?address='.rawurlencode($address));
curl_setopt($curl,CURLOPT_RETURNTRANSFE
浏览 5提问于2015-12-17得票数 0
回答已采纳
我构建了一个GraphQL服务器，如下所示，
import express from 'express';
import graphqlHTTP from 'express-graphql';
import { schema } from './data/schema';
const app = express();
app.use(express.static(__dirname + '/public'));
app.get('/', function(req, res) {
res.sendFile(&
浏览 1提问于2018-10-20得票数 1
回答已采纳
如果我想在多个fetch循环是芬兰语的情况下调用doStuff()，我该如何处理呢？ 我假设我需要在每次fetch完成时调用一个函数，并检查两个数组长度的连接是否在最后一个？ let array1 = [1,2]
let array2 = [7,8]
array1.map(function(item){
fetch("/api/execution/"+item, {
method: "POST",
headers: {
'Accept': 'application/json'
浏览 17提问于2019-03-19得票数 1
回答已采纳
1回答
对于经过身份验证的API调用，我每次都生成一个firebaseId令牌，如下面的代码所示。但是，这有时需要2-3秒来创建令牌，这意味着一个缓慢的UX。对此有什么解决办法吗?也许可以将令牌存储更长的时间，甚至是无限期的存储？我漏掉了什么明显的东西吗？
谢谢!
async fetchFromAPIAuthenticatedTimeout(url, params) {
this.fetchStampA = (new Date()).getTime()
try {
const token = await firebase.auth().currentUser.getId
浏览 1提问于2019-06-12得票数 0
回答已采纳
1回答
我已经用django rest框架开发了一个API，我的前端是用vue js构建的，所以我必须使用fetch来与API通信。
function apiService(endpoint, method, data) {
const config = {
method: method || 'GET',
body: data !== undefined ? JSON.stringify(data) : null,
headers: {
'content-type': 'appli
浏览 0提问于2021-07-23得票数 1
面对错误时，我试图使用fetch(api)，这在反应。
fetch(url, {mode: "no-cors"})
.then(response => console.log(response.json()))
.catch(error => console.log('Error:', error));
错误信息是：
承诺(承诺){：SyntaxError：} CalendarCommentary.js:22未预期的输入结束(在承诺中) SyntaxError:意外的输入结束
我正在使用react和react-router-dom。我看到了其
浏览 0提问于2019-07-11得票数 0
我有Python (v1.0.0)后端，它返回带有状态400的http响应和一个自定义错误消息。
return Response('My custom errror message', 400)
在我的前端，我使用Fetch API对后端进行了API调用：
fetch(url, options)
.then(response => response.json())
.then(response => console.log(response))
.catch(error => console.log(error));
因为400是一个BAD REQ
浏览 2提问于2019-01-27得票数 5
回答已采纳
1回答
我试图通过从flipkart获取python请求获取一个pdf流。但在运行label.status_code时，我将得到415。
我的代码：
class FlipkartAPI:
def __init__(self, token):
self.token = token
self.session = self.get_session()
def get_session(self):
session = requests.Session()
session.headers.update({'Authoriz
浏览 3提问于2015-08-11得票数 1
回答已采纳
1回答
如果方法是DELETE，我似乎会得到Go http.Request的空体内容。但是，如果我将方法更改为POST，那么body内容就会给出我期望的内容。
我的歌朗的相关代码如下所示：
import(
"github.com/gorilla/handlers"
"github.com/gorilla/mux"
)
func Delete(w http.ResponseWriter, r *http.Request) {
r.ParseForm()
qs := r.Form
log.Println(qs)
}
func main() {
r
浏览 3提问于2019-11-23得票数 2
回答已采纳
2回答
在进入sql查询数组并得到以下javascript错误后，我试图从php jquery传递一个json。
JSON.parse: unexpected character
返回sql结果的函数：
public function selectassocSql($sql){
$i = 0;
$resSelect = array();
mysql_query("SET NAMES 'utf8'");
$result = mysql_query($sql);
while ( $row = mysql_fet
浏览 0提问于2012-03-14得票数 3
回答已采纳
所以我看的是来自的代码。
let names = ['iliakan', 'remy', 'jeresig'];
let requests = names.map(name => fetch(`https://api.github.com/users/${name}`));
Promise.all(requests)
.then(responses => {
// all responses are resolved successfully
for(let response of responses) {
浏览 1提问于2021-03-01得票数 1
我正在从我的react类组件中的API请求数据。在我的fetchData方法中，我对一个名为setState的键进行了数据操作，该键最初只是一个空对象。在fetchData方法中，对象由来自API的数据结果填充。我将结果扩展到数据对象中，并在该对象中添加了一个"directors“键，该键是由于filter方法而创建的数组。我的问题是我需要控制器数组的长度，但是this.state.data.directors.length导致了一个错误，说它是未定义的。但是，this.state.data.directors成功地将数组返回给我，当我打开数组时，我可以在控制台中看到length属性正
浏览 20提问于2020-02-23得票数 0
回答已采纳
2回答
我用fetch api发送请求，并根据结果进行操作，结果是正确的，或者包含错误。
我的服务代码：
LoginUser(user: User) {
return fetch("http://localhost:8080/login", {
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
method: 'POST',
浏览 4提问于2020-07-26得票数 4
回答已采纳
2回答
我的PHP脚本没有收到来自fetch的任何消息。我做错了什么？
Javascript：
fetch("http://127.0.0.1/script.php", {
method: "post",
body: "inputs=" + JSON.stringify({param: 7})
}).then(response => response.json()).then(response => {
console.log(response);
});
script.php：
echo "\npri
浏览 4提问于2017-04-13得票数 0
回答已采纳
我已经做了一个“应用程序接口”，我已经将数据从我的sql表转换成JSON，并将其回显到我的文件"api.php“上，我有"get.php”，我想从get.php上的JSON获取特定的数据位。它没有工作，只是抛出了一个错误
这是一个合同，我已经尝试过cURL，但它不起作用
api.php (不包括登录变量)
$dblink = new mysqli($servername, $username, $password, $dbname);
if ($dblink->connect_errno) {
printf("Failed to
浏览 11提问于2019-07-29得票数 1
我使用node-fetch从一个API调用到另一个API，但是当"API 2“出现错误时，成功回调就会运行。 我不确定这是否是预期的行为，也不确定您是否应该检查状态代码的响应，而不是运行catch回调。 API 1： fetch('http://localhost:4060/api/passwords', {
method: 'POST',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
use
浏览 20提问于2019-06-06得票数 0
回答已采纳
我在我的RestFramework应用程序中使用Django Node.js API。我使用Javascript fetch API将一些数据发送到在Django中配置的我的项目的后端。但这些数据并没有被公布。它在PostMan中运行良好，但不使用fetch。
我的API类如下：
class ProfileList(APIView):
def get(self, request):
ProfileObjects = Profile.objects.all()
serializer = ProfileSerializer(ProfileObjects,
浏览 3提问于2020-08-16得票数 0
回答已采纳
我的设置是在Docker上运行的，它有一个前端(React)和一个后端(Django)容器。
我在另一个项目中使用drf-react app的登录表单组件，并且不知道loginUser动作创建者(src/ action /user.js)中的api获取请求如何知道它应该使用哪个URL？
user.js:22 POST http://localhost:3000/api/obtain-auth-token/ 404 (Not Found)
我希望它在8000端口将请求发送到服务器。我从这个drf反应样板：获取了代码。
export function loginUser(username, pas
浏览 4提问于2018-03-27得票数 0
回答已采纳
2回答
我正在尝试测试这个简单的api模块：
import fetch from 'isomorphic-fetch';
export const getJson = (endpoint: string) => {
const options = { credentials: 'include', method: 'GET' };
return fetch(endpoint, options)
.then(response => response.json()
.then(json => {
浏览 0提问于2016-10-14得票数 2
回答已采纳
我正在尝试将.ajax调用转换为fetch调用。ajax可以工作，但是当我试图拉取wordPress php文件中的数据时，fetch会拉出一个500错误。 我是fetch api的新手，这就是为什么我想要学习它。我已经查看了MDN，wordPress站点上的自定义钩子和rest api，搜索了web并搜索了堆栈溢出。他们谈论的都是ajax。我不知道我是不是用错了搜索词，但我已经尝试了几个小时了，但我很沮丧。 //working ajax in js file
createLike() {
$.ajax({
url: `${universityData.root_ur
浏览 11提问于2019-05-30得票数 0
1回答
反应区域
、、
我是新来的，我在注册方面遇到了问题：
http.hook.js:17 POST 500 (内部服务器错误)
错误:异步http.hook.js:21 at registerHandler上的Что-топошлонетак：(，попробуйтеснова(Registration.js:24)
代码http.hook.js：
import {useState, useCallback} from 'react';
export const useHttp = () => {
const [loading, setLoading] = useState(fa
浏览 1提问于2020-04-24得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
