fetch 相关问题

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

Next JS 13 服务器端页面在路由到该页面时不显示最新的获取数据

我在 Next 13 中有一个服务器组件，它使用 fetch api 获取一些数据，然后渲染它。但是，通过使用按钮上的下一步/导航路由到该页面后，单击仍然...

reactjs next.js server fetch

回答 3 投票 0

Fetch API 在 Next.js 中返回空数组，尽管 API 端点正常工作

我使用 fetch() 从 Next.js 项目中的后端 API 检索数据，但始终返回空数组 ([])，而不是预期的数据。我已经验证 API 工作正常...

next.js axios fetch

回答 1 投票 0

Fetch API 发送空的帖子数组

我想使用POST方法将从html表单获取的所有数据发送到php脚本。我的HTML：全名: 我想使用 html 方法将从 php 表单获取的所有数据发送到 POST 脚本。我的 HTML： <form id="details" class="form"> Full name: <strong name="name_1">ABCDEF</strong><br><br> ID No:<strong name="org_number_1">23</strong><br><br> Mobile No:<strong name="ph_number_1">1234567890</strong><br><br> E-mail: <strong name="email_1">[email protected]</strong><br><br> ID Card: <img src="profile.jpg" alt="preview" name="image" style="width: 100px; height: 100px;"><br><br> <button id="go" onclick="submit()"type="button" value="submit">Submit</button> </form> 我的JavaScript： function submit(){ var nme=document.getElementsByName("name_1")[0].innerHTML; var id=document.getElementsByName("org_number_1")[0].innerHTML; var phone=document.getElementsByName("ph_number_1")[0].innerHTML; var email=document.getElementsByName("email_1")[0].innerHTML; var img=document.getElementsByName("image")[0].src; const dForm = document.getElementById('details'); dForm.addEventListener('submit', function(e) { e.preventDefault(); const formData=new FormData(); formData.append('name', nme); formData.append('email', email); formData.append('ID No', id); formData.append('Contact no', phone); formData.append('image', img); fetch("database_registration.php",{ method: 'post', body: formData, headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, }).then(function (response){ return response.text(); }).then(function (text){ console.log(text); }).catch(function (error){ console.error(error); }) }); } 我的PHP： <?php $post_data=file_get_contents("php://input"); var_dump($_POST); //shows array(0) { } print_r($_POST);//shows Array() $data=json_decode($post_data); echo $data; //shows a completely blank page ?> 为什么我的 $_POST 数组是空的？这实际上是原始的发布数据。您无法使用 $_POST 变量接收数据。你必须使用来做到这一点 $payload = file_get_contents('php://input'); $data = json_decode($payload); print_r($data); 注意：有时您必须无缘无故地重新启动服务器。 :) 已经回答了这里如果省略，它就会起作用 'Content-Type': 'application/json' 但无法告诉您在这种情况下它会回退到哪种内容类型嗯，我认为您最好检查脚本以从表单中获取值。它是输入类型吗？如果是输入类型，则应该使用“value”而不是“innerHTML”。您最好使用console.log(variable)或使用javascript警报，在调用提交表单之前检查您想要的每个参数的值是否有值。

javascript php html fetch

回答 3 投票 0

从 Ansible 中的托管节点获取大文件

我遇到了 Ansible fetch 模块的限制。尝试获取一个稍大的文件（1MB 到 250MB 之间），这对于获取来说显然太大了。 - 名称：取回结果文件获取...

ansible fetch

回答 1 投票 0

Ansible：从客户端获取大文件

我遇到了 ansible fetch 模块的限制。尝试获取一个稍大的文件（1MB 到 250MB 之间），这对于获取来说显然太大了。 - 名称：取回结果文件拿来： ...

ansible fetch

回答 1 投票 0

Nuxt 3 获取多部分表单数据上传不起作用

无论出于何种原因，我无法将图像上传到我的服务器。但当使用 RapidAPI 和完全相同的图像执行此操作时，它会起作用。我在这里做错了什么？鹅毛笔编辑器代码：无论出于何种原因，我无法将图像上传到我的服务器。但当使用 RapidAPI 和完全相同的图像执行此操作时，它会起作用。我在这里做错了什么？ QuillEditor代码： <template> <QuillEditor :modules="modules" :toolbar="toolbar" theme="snow" toolbar="full" /> </template> <script> import { QuillEditor } from '@vueup/vue-quill' import '@vueup/vue-quill/dist/vue-quill.snow.css'; import ImageUploader from "quill-image-uploader"; const runtimeConfig = useRuntimeConfig(); const { fetch } = useSmartFetch(); export default { setup: () => { const toolbar = [ ['image', 'link'], ['emoji'] ]; const modules = { name: "imageUploader", module: ImageUploader, options: { upload: (file) => { return new Promise(async (resolve, reject) => { const formData = new FormData() formData.append('image', file); console.log(file) console.log(formData) const authStore = useAuthStore() const response = await $fetch(runtimeConfig.public.api.image.upload, { method: 'POST', body: formData, headers: { 'Authorization': 'Bearer ' + authStore.accessToken, 'Content-Type': 'multipart/form-data' } }) }); }, }, }; return { toolbar, modules }; }, components: { QuillEditor, }, }; </script> 当我检查我的请求时，我已将不记名令牌设置为进行身份验证（否则我会得到 401 而不是 422）以及 Content-Type: multipart/form-data。甚至我的有效负载也包含表单数据。这是我的有效负载的开始： -----------------------------118964521239883964394155378140 Content-Disposition: form-data; name="image"; filename="1705385217523.jpg" Content-Type: image/jpeg ... ... ... 但是，在 Laravel Telescope 中我的有效负载是空的：使用 RapidAPI 执行完全相同的操作时：一切正常，没有任何问题。此外，还设置了有效负载：怎么会这样？我很确定我的后端可以工作，并且已经过测试。但我也确信我正确地执行了请求。有人可以帮助我吗？亲切的问候更新（添加了开发控制台的图像）： 204 选项请求： 422 帖子请求：使用 FormData 时，不应显式设置 Content-Type 标头。这将阻止您的浏览器使用用于分隔表单字段的边界表达式设置 Content-Type 标头。更多信息可以在MDN上找到。因此，更改您的 fetch 请求： const response = await $fetch(runtimeConfig.public.api.image.upload, { method: 'POST', body: formData, headers: { 'Authorization': 'Bearer ' + authStore.accessToken, } })

laravel vue.js post fetch multipartform-data

回答 1 投票 0

为什么在获取回调中设置状态（不会）导致无限循环？

我有以下代码片段，我希望它会由于组件体内的获取回调内的状态更新而不使用“useEffect”而导致无限循环。然而，...

javascript reactjs react-hooks fetch react-state

回答 1 投票 0

Nextjs 在服务器端组件获取数据期间连接 ECONNREFUSED ::1:3000

从“react”导入React；从“axios”导入 axios；接口用户类型{ id：字符串；名字：字符串；姓氏：字符串；电子邮件：字符串； } 接口数据属性{ 所有用户：

javascript reactjs node.js next.js fetch

回答 2 投票 0

拥有 `content-type: application/octet-stream` 是否一定意味着我们应该将请求正文设置为二进制形式？

我在合同中有这个带有 cUrl 的示例请求（合同文档仅针对端点显示了这一点）：卷曲\ -X 放置 \ -H '内容类型：应用程序/八位字节流' \ -H'内容-