fetch 相关问题

有关Fetch API的问题,请改用[fetch-api]标签。对于git子命令,请使用[git-fetch]。 [fetch]标签是许多编程语言中使用的关键字的通用标记,通常是检索数据的指令的一部分。

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

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

回答 1 投票 0

如何用js添加表单验证?

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

回答 1 投票 0

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

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

回答 1 投票 0

使用 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>

回答 2 投票 0

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

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

回答 1 投票 0

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

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

回答 3 投票 0

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

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

回答 1 投票 0

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

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

回答 3 投票 0

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

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

回答 1 投票 0

为什么我无法从 Android 上的 Capacitor 应用“获取”某些 URL?

我正在尝试通过 Capacitor 编写一个使用 PouchDB 的移动应用程序。当我通过 Android Studio 在模拟器中运行应用程序时,与远程 CouchDB 实例的连接失败。我已经追踪到...

回答 2 投票 0

JS Fetch 在给定“application/json”标头时返回 HTML

我有一个 API 的获取请求代码,我知道它会返回 JSON(请参阅下面的节点 - https 请求。)但是,即使我设置了“应用程序...”的标头,响应也会以 text/html 形式返回。

回答 2 投票 0

link rel=preload 可以与 fetch 一起使用吗?

我有一个大的 JSON blob,我想在我的网页中预加载。为此,我已将 添加到我的页面。我还有一个 JS 请求要 fe...

回答 4 投票 0

当我调用 axios.get 函数时,不要调用方法 useEffect()

我在react中有一个视图,它有两个useEffect,一个用于排序列表,另一个用于获取列表。 “isLoading”允许在 dataTailors 有值时查看所有列表。 导出 const ClientMainPa...

回答 1 投票 0

点击产品卡片时向服务器发送请求以发送产品详细信息页面

我正在创建一个产品页面,以卡片的形式显示所有可用的产品。该图片显示了产品在产品页面上的显示方式,我想要一个功能,每当用户单击...

回答 1 投票 0

尝试获取非对象的属性 - 从空值创建默认对象

PHP 注意:尝试获取第 11 行 /public_html/classes/processor.php 中非对象的属性 PHP 警告:在 /public_html/classes/processor.php 上从空值创建默认对象...

回答 1 投票 0

来自 Node.js 的 Fetch() 调用总是创建新的 Express 会话

下面是网上商店服务器的精简部分,具有 2 个 API:./login 用于登录,./products 用于显示产品。产品仅应在成功登录后显示。 我正在使用 TypeScript ...

回答 1 投票 0

将 fetch 的响应响应为 json

fetch语句从服务器获取json数据。我想获取要保存在状态中的对象的值。响应只是其中的一个元素 [{"QuestId":1700}]。如何获得

回答 1 投票 0

我使用的是strapi和next.js,我一开始可以获取数据,但是当我更改strapi中的数据时,数据没有更新

我使用strapi和next.js,我首先可以获取数据,但是当我更改strapi中的数据时,数据不会更新。当我第一次构建它时,它需要数据,我更改了strapi中的数据,但不是

回答 1 投票 0

如何显示PHP抓取的数据在一个表格行中,只需要显示一个字段的数据

我对 PHP 还很陌生,只是花了几个小时观看视频并编写了第一个 PHP 代码。我在将 PHP 获取数据显示到前端 html 表时遇到一个问题。 下面是我的数据库、代码和

回答 2 投票 0

如何从文档目录中选择所有类型的数据或文档文件以及如何在集合视图中呈现它

我需要从文档目录中获取所有类型的数据,并且我想在集合视图单元格内呈现数据...我想在选择单元格时读取或打开数据...如果您有任何数据

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.