fetch 相关问题

如何从Fetch中获取数据，放入变量并将变量显示在页面上

我最终尝试使用 fetch API 从端点获取数据并将其放入变量中，以便我可以访问数据位以将它们分配给某些东西（即另一个变量，表单输入...

特快专递请求找不到正文及其内容

这是我的javascript代码： const handleClick = () => { const fd = new FormData(); fd.append("desc", 值); fetch("http://localhost:5000/notes/create", { ...

如何使用react将输入数据添加到Mongodb数据库？

目前我正在学习 MERN Stack，并开始了仅使用 CRUD 操作的学生管理系统的新项目。 学生数据查看部分（从数据库获取数据）和删除学生数据工作...

为什么我对 Vercel 托管 API 的 API 请求收到的是 GET 而不是 POST？我需要考虑某种授权吗？

我正在尝试在 Vercel 上托管一个带有 Python/Flask 后端和 React 前端的个人作品集网站。在开发过程中，在我的本地计算机上运行这些我能够使用我的前端组件......

Sentry 不跟踪“OPTIONS”请求

TLDR：如何让 Sentry 跟踪错误面包屑中的 OPTIONS 请求？ 我正在开发一个 Next.js 项目，其中配置了 Sentry 以进行错误监控。我遇到了一个奇怪的错误“无法获取&

在 React 中获取数据会返回“未定义”

`我正在尝试从 dynamodb 获取公司列表，但我得到的返回“未定义” 加载公司 { 实体ID：未定义， 实体类型：未定义， 母公司：未定义， 公司类型：

如何从输入元素获取值并在异步获取函数中动态使用它？

在 url 中，这个词应该是动态的，但是当我使用 id=search 从输入标记获取值时。它返回 404 错误，但 api 链接是正确的。谁能帮助我完成我的任务...

无法从 HTML <img> 标签获取错误代码

我尝试使用 HTML img 来获取我的图像，并在获取失败时以不同的错误代码（404、503）处理错误。 但似乎不可能通过此应用程序从服务器知道错误代码...

使用私有域时出现一般网络错误

我在 Samsung Galaxy Tab 设备 (2021+) 上部署的 React Native 移动应用程序遇到问题。 当向私有域发出 HTTP API 请求时，我始终收到通用网络

如何使用 fetch 或 axios 从前端 (VueJS) 从服务器下载大文件。实现边抓取边下载

我的前端（用 VueJS 编写）需要从服务器下载一个大文件（~1GB，但可以变得更大）。然而，我当前的方法是使用streamSaver，尽管当我

appendBuffer() 未追加到 sourceBuffer 中

我正在从 API 获取 fetch() 视频。 response.body 是一个可读流。所以我把它读给读者。 然后，所有块（值）都被推送到块数组中（chunks.push(value)）。 ...

制作一个用于获取 Reddit 帖子的滑动器

const clientId = "客户端 ID"; const clientSecret = "客户端秘密"; 异步函数 fetchPosts() { 常量响应 = 等待获取（ “https://www.reddit.com/r/memes/hot.json?limit=10” ）； 缺点...

如何用js添加表单验证？

form.addEventListener('提交',(event)=>{ event.preventDefault() const input=[名称输入，描述，数字]； if(nameinput.value.trim() && desc.value.trim() && number.value.t...

从节点请求记录到 Django 端点的双重请求

我正在尝试向 django 端点发送 POST 请求。由于 405，它失败了。检查日志，它似乎收到了 POST 请求，但紧接着又收到了 GET 请求并返回...

使用 fetch 对数据进行排序

我需要你的帮助。在 fetch 的帮助下，我获取了数据并立即绘制它们。在按钮上，我希望对这些数据进行排序，但是我收到错误。我究竟做错了什么？ 我需要你的帮助。在 fetch 的帮助下，我获取了数据并立即绘制它们。在按钮上，我希望对这些数据进行排序，但是我收到错误。我做错了什么？ <button id="sort_by_name">Sort</button> JavaScript fetch(`https://api.sampleapis.com/wines/reds`) .then(response => response.json()) .then(data => { for (let i = 0; i <= 25; i++) { let vino = data[i] let a = document.getElementById('sort_by_name'); a.addEventListener('click', () => { data.sort((a,b) => a.wine - b.wine) }) document.write(`<div>${vino.wine}</div>`) } }) 使用fetch api的排序和搜索方法 let productContainer = document.querySelector('.product-container') let arr_1 = []; let arr_2 = []; let search = document.querySelector('#search') let sortBtn = document.querySelector(".sort"); function getDataJson() { fetch(`http://localhost:3000/services`) .then(response => response.json()) .then(data => { arr_2 = data; productContainer.innerHTML = ""; arr_1 = arr_1.length || search.value ? arr_1 : data; arr_1.forEach(element => { productContainer.innerHTML += ` <div class="product-boxs"> <div class="product-image"><img src="${element.images}" alt=""></div> <h2>${element.title}</h2> <h2>${element.price}</h2> <div class="product-icons"> <span>5<i class="fa-solid fa-star"></i></span> <span>5<i class="fa-solid fa-heart"></i></span> </div> <p>${element.description}</p> <div class="product-btn"> <button class="card">Card</button> <button class="details" ><a href="details.html?id=${element.id}">View</a></button> </div> </div> ` }); }) } getDataJson() search.addEventListener("input", (e) => { arr_1 = arr_2; arr_1 = arr_1.filter((el) => { return el.title.toLowerCase().includes(e.target.value.toLowerCase()) }); getDataJson(); }) sortBtn.addEventListener("change", function (e) { if (e.target.value === "za") { arr_1.sort((a, b) => b.price - a.price); } else if (e.target.value === "az") { arr_1.sort((a, b) => a.price - b.price); } else { arr_1 = [] } getDataJson(); // Update the displayed data after sorting. }); 为按钮添加点击监听器。 获取数据，并将其存储在变量中。 显示数据。最简单的方法是使用 .innerHTML，但您也可以学习如何使用 .appendChild。 要对列表进行排序，请使用 .localeCompare。 let wineList; document.getElementById('sort_by_name').addEventListener('click', sortList); // 1 fetch(`https://api.sampleapis.com/wines/reds`) .then(response => response.json()) .then(data => { if (data) { wineList = data; // 2 display(wineList); // 3 } }) function display(list) { // 3 const wineDataEl = document.getElementById('wine_data'); let htmlStr = ''; for (const wine of list) { htmlStr += wine.wine + '<br/>'; } wineDataEl.innerHTML = htmlStr; } function sortList() { // 4 if (wineList) { wineList.sort((a, b) => a.wine.localeCompare(b.wine)) ; display(wineList); // 3 } } <button id="sort_by_name">Sort</button> <div id="wine_data">Loading...</div>

如何将 jwt 令牌添加到 swagger 生成的获取打字稿客户端的所有请求标头？

我在 Spring boot 中有一个具有 swagger 的应用程序，我从此 https://editor-next.swagger.io/ 生成了一个打字稿获取客户端。我想知道如何使用 jwt，我更感兴趣......

前端的表单无法在后端 Nodejs 上的 req.body 上正确接收

我正在使用主体解析器并为我的前端做出反应。 我正在尝试创建一个用户；下面是前端从后端服务器获取数据的过程： 注册 (e) { e.preventDefault() 让

为什么搜索功能在我的 javascript 代码中不起作用？

“我在代码中遇到了搜索功能的问题。当我输入搜索输入时，结果似乎没有正确更新。您能否帮助我了解可能发生的情况...

Flask - 如何在获取帖子后重定向

目前我有一个搜索页面，它接受输入，然后使用它来搜索 api 中的数据。我将页面的输入发布到服务器，如下所示 获取（'/搜索'，{ 方法：'POST'，

如何在 React Native 上的帖子中使用 https url？

我的 React Native 项目有问题，我们学校的服务器上有一个 API，之前，这个是 http 格式的，但我们在上面加了 SSL，现在是 https 了，但是当我更改 POST 方法时哦...