NextJS 中 useFormStatus() 始终为 false
我尝试使用 useFormStatus() 在提交表单并等待获取数据时动态更改 UI。 我有一个像这样的表单组件 函数 onSubmit(数据:z.infer 我正在尝试使用 useFormStatus() 在提交表单并等待获取数据时动态更改 UI。 我有一个像这样的表单组件 function onSubmit(data: z.infer<typeof FormSchema>) { requestImg(data).then((imageStringify) => { const binaryData = Buffer.from(imageStringify.image); const imageBase64 = URL.createObjectURL( new Blob([binaryData.buffer], { type: "image/jpeg" } /* (1) */) ); setOpen(true); setSource(imageBase64); }); } if (isDesktop) { return ( <Form {...form}> <form onSubmit={form.handleSubmit(onSubmit)} className="w-2/3 space-y-6" > ... 其中 requestImg(data) 是服务器操作。 然后,我将 Button 组件嵌套在不同的 Button.tsx 文件中的 <form> 中 import { useFormStatus } from "react-dom"; import { Button } from "@/components/ui/button"; export default function ButtonSub() { const { pending } = useFormStatus(); console.log(pending); return ( <Button className="w-full" type="submit" aria-disabled={pending}> {pending ? "Processing..." : "Submit"} </Button> ); } 问题是,当我单击提交时,按钮文本不会更改为“正在处理...” 编辑 似乎仅当您在表单上使用操作关键字时才有效。我试过了 <form action={async (formData: FormData) => { requestImg(formData).then((imageStringify) => { const binaryData = Buffer.from(imageStringify.image); const imageBase64 = URL.createObjectURL( new Blob([binaryData.buffer], { type: "image/jpeg" } /* (1) */) ); setSource(imageBase64); setOpen(true); }); }} className="w-2/3 space-y-6" > 但是现在使用 byte8Array 生成的图像已损坏。 我有一个带有动态 src 的图像,其中充满了 const [source, setSource] = useState(""); <img src={source}/> 似乎只有在您使用 action 关键字时才有效 形式。 确实如此。 useFormStatus 必须在表单的子组件内使用,它可以监视服务器操作的状态变化。但据我所知,它会监听 action。 action 定义提交后表单数据的服务器端目的地。在服务器操作的上下文中,服务器操作向当前 URL 发出 post 请求。所以它没有监听表单 onSubmit,这就是为什么你的第一个代码执行不起作用。 现在服务器操作在服务器上下文中运行,它们在服务器上执行,但setState是客户端特定的代码
我的post方法如下图: $(".buttons").click(function(){ var gettopic=$.post("topic.php", {id: topicId}, function(result){ // 处理返回结果的代码 }); }) 我尝试...
如何在 WCF 的帮助下通过 post 发送 xml 数据? 例如我有一些代码: 公共接口 IServiceForILobby { 【运营合同】 [WebInvoke(方法 = "POST")] 字符串 SendXml(
当我从客户端(React JS)使用axios向服务器(spring)发出post请求时,服务器的响应时间超过2分钟。因此,当...
我是 PHP 新手,我正在做一些非常简单的应用程序(测试)。 我有一个包含以下代码的表单: if ($_SERVER["REQUEST_METHOD"] == "POST") { 如果(空($_POST["val1&...
我正在Python中使用curl_cffi库向URL https://www.midjourney.com/api/auth/signin/discord发出POST请求。但是,我遇到了“400 Bad Request”错误。我有
我使用 FastAPI 构建了一个简单的演示项目。我想实时将数据 POST 到服务器(也许 30fps)。 客户端: 而真实: .... res = requests.post(URL, files={'input_data' :
Axios 尝试使用 Axios 转发 POST 请求时出现 CanceledError 错误
当尝试使用 axios 将 POST 请求从 Express 后端转发到另一个后端时,我收到 axios 错误“CanceledError:请求流已中止”。这不...
除了POST之外的所有方法都在运行。我收到错误文本:“message”:“未尝试加载 JSON 数据,因为请求内容类型不是“application/json”。” 我搜索...
通过Angular到Springboot访问POST失败但GET成功,Postman适用于GET和POST
我正在使用示例 Angular 应用程序来测试 Okta 与 springboot 应用程序的集成。 前端示例:https://github.com/okta-samples/okta-angular-sample 我有一个带有
我是 PHP 新手,正在尝试用 PHP 编写一个简单的 cURL POST 请求。感谢 PHP Pot,我找到了以下可以使用的代码(仅修改我的用例的 URL 和数据)。 $url = 'ht...
在 ASP.NET Core Razor 视图中 POST 错误时显示错误?
我正在尝试找出显示可在我的应用程序的所有页面中显示的通用错误消息的最佳方式。执行表单 POST 请求时应显示错误视图。 ...
问题在于我有这篇文章: 公共异步任务 Post([FromBody]列表?请求) 但是当你在 Postman 中尝试使用没有 [] 的错误时......
如何创建一个在 API POST 中接受此内容的模型? { “formId”:“ff2f0a7f-aa26-11ee-bc5f-0242ac110009”, "工作流程ID": "", “状态”...
在使用“POST”方法将数据存储到控制器之前查询$request结果
首先,我很抱歉,因为我是 Laravel 的新手。我想用 $request->id_anggota 作为“POST”方法的结果进行查询/雄辩,这样我就可以从另一个表格获取电子邮件属性...
这是我的代码: var fd = new FormData(document.querySelector('#form-step1')); var xhr = new XMLHttpRequest(); xhr.open('POST', '/Handlers/newAccount_handler.php', true); xhr.send(fd); // 这个我...
如何在 Ruby 中使用 json 制作带有标头的 Https 帖子? 我努力了: uri = URI.parse("https://...") https = Net::HTTP.new(uri.host,uri.port) req = Net::HTTP::Post.new(uri.path) ...
我即将使用谷歌搜索控制台API从Mobile-FriendlyTest获取数据 $request = new Request('POST', 'https://searchconsole.googleapis.com/v1/urlTestingTools/mobileFriendlyTest:run?key='.$
在 Docker 容器中运行的 ASP.NET API 应用程序仅阻止 POST 和 PUT 请求
我在 .NET 应用程序中为 CORS 设置了以下内容: builder.Services.AddCors(选项=> { 选项.AddPolicy(名称:rardkAllowOrigins, 政策=> ...
我有这个curl命令,我需要在node js中编写: 卷曲-X POST \ https://image.adobe.io/pie/psdService/renditionCreate \ -H“授权:不记名$令牌”\ -H“x-api-...
当 pine 脚本中触发警报时,如何将一些数据发送到特定的 url?
我熟悉 pine 脚本中的 webhook。 webhook 的问题是不允许使用 post-curl 发送数据。 当我的
我想在C中创建一个url来使用libcurl发送post请求,并且我想经常更改它,如下所示: url =“http://website.com/” 关键字=“这个参数应该是...
Veracode 扫描显示 fetch 函数中存在低级漏洞。解决这个问题的最佳方法是什么? const 响应 = 等待获取(url,{ 方法:'POST', 标题:{ '内容类型':'
复制相同的 POST 请求(在 DeveloperTools 中检查)无法抓取数据
我试图从此页面获取表格数据,而不使用 BeautifulSoup 解析结果 HTML: https://finance.vietstock.vn/ket-qua-giao-dich/vietnam.aspx?tab=thong-ke-gia&exchange=...
复制相同的 POST 请求(在 DeveloperTools 中检查)无法废弃数据
我试图从此页面获取表格数据,而不使用 BeautifulSoup 解析结果 html: https://finance.vietstock.vn/ket-qua-giao-dich/vietnam.aspx?tab=thong-ke-gia&exchange=...
我几个小时以来一直在尝试解决这个问题。我似乎看不出导致错误的原因:( 视图.py @要求登录 def create_brand(请求): template_name = "poc/brand_add.html"
GA4 配置发送浏览器标题而不是 CustomVirtualPageTitle
我已按照本指南中提到的步骤进行操作:https://www.analyticsmania.com/post/single-page-web-app-with-google-tag-manager/ 每当用户导航时 dataLayer.push 代码页面/st之间...
如何修复 ImproperlyConfigured:QuerySet 类不继承自 TranslatableQuerySet
我的项目有 ImproperlyConfigured 错误。请帮帮我。 错误主体: 内部服务器错误:/en/admin/posts/post/ 回溯(最近一次调用最后一次): 文件“C:\Users\User\.virtualenvs 呃……
我从qt/c++开始,在我的项目中我需要制作一个json post/get/put,但我试图做一个简单的获取请求,但我有一个错误:qt.network.ssl: QSslSocket ::connectToHostEncrypted:TLS
如何在 OpenSearch SQL 插件中使获取大小起作用?
OpenSearch 文档表示支持 fetch_size 并且应该可以工作。然而,这在 OpenSearch 2.5.3 中对我来说绝对不起作用。 查询1: POST _plugins/_sql/ { “查询”:...
我有一个名为 Lodge.upload 的刀片模板。在该模板中,我有以下代码: 我有一个名为 Lodge.upload 的刀片模板。在该模板中,我有以下代码: <form name="app" action="storeSummons" enctype="multipart/form-data" method="post"> 在我的路线文件中我有这个: Route::post('/storeSummons',[\App\Http\Controllers\LodgesController::class,'storeSummons'])->name('storeSummons'); 当我尝试从这个简单的表单(只有两个字段)发布时,我收到错误 Lodge.uploads/storeSummons 路由不支持 POST 方法。支持的方法:GET、HEAD 该路线明确标记为 storeSummons,没有提及模板名称或其路线。 我已经尝试清除缓存、路由、视图,但它仍然坚持将其添加到路由中。该组仅具有添加中间件的身份验证。 这让我发疯,我检查了路线是否被重复但没有成功。 我将协助您解决 Laravel 应用程序中的“不支持 POST 方法”错误。以下是综合的回应,结合了专家反馈的见解并解决了潜在的原因: 理解错误: 不正确的路线或方法:该错误表明两者之间不匹配 表单的提交方法和定义的路线。 缺少 CSRF 令牌:Laravel 需要有效的 CSRF 令牌才能进行 POST 请求以防止跨站点请求伪造攻击。 故障排除步骤: 验证路线定义: 确保路由定义为 POST 路由: Route::post('/storeSummons', ...)。 检查是否有任何具有相同路径或名称的冲突路由。 如果路由在组内,请确认该组的中间件 配置。 包含 CSRF 代币: 在表单中添加 @csrf 指令: <form name="app" action="storeSummons" enctype="multipart/form-data" method="post">@csrf</form> 检查路由缓存: 清除路由缓存:php artisan route:clear。 如果使用缓存机制,也清除那里的缓存。 回顾中间件: 检查应用于路由或组的中间件,确保它们不会干扰 - POST 请求。 检查浏览器开发者工具: 检查网络请求的路径和方法是否正确。 查找任何指示问题的错误或警告。
我对http失败响应“未知错误”感到困扰,但我没有找到问题出在哪里。 使用 PDO,当我使用 messageText“string”将对象发送到 Mysql 服务器登录时...
我知道图书馆的要求,但由于不同的原因我不想使用它。 所以我正在尝试使用Python中的curl通过formdata发出Post请求。 该命令看起来像...
Spotify API {'error': 'invalid_client'} 授权代码流程 [400]
这是我向 https://accounts.spotify.com/api/token 发出 POST 请求的多次尝试之一。 范围设置为“播放列表修改公共、播放列表修改私有”。 我正在使用 Python 3.7,Djan...
我正在使用 html、css、flask 和 vanilla javascript 以及 ajax 创建一个 Flask 应用程序。 我使用 Javascript 的经验为 0,我编写的所有代码都来自互联网尝试...
将音频数据编码为字符串(Flask)并解码(Javascript)
我有一个Python Flask应用程序,其方法如下所示。在该方法中,我使用 Azure 文本到语音从文本合成语音。 @app.route("/retrieve_speech", 方法=['POST']) 定义
如何在 svelteKit api 目录中创建 catch-all 路由?
我正在 sveltekit 中创建 API 端点。所有 API 端点都位于 /src/routes/api/DIR 内。 如何为任何不存在的 GET、POST、DELETE 和 PUT 请求创建主捕获所有路由?
使用 string.substr(post,len) 无限循环
你能弄清楚为什么它在控制台中不断循环吗?程序员应该列出用户插入的字符串的每个字符,并在每个唯一字符旁边的括号中,我...
Spring Reactive 使用 ServerRequest 获取正文 JSONObject
我是春季反应新手。 我正在尝试使用邮递员从服务器获取请求信息。 首先,postman使用post方法向服务器发送信息。 其次,我们一直在努力...
我使用 MediatR 编写了一个简单的 API,并附有我在网上找到的示例。它有一个 GET 和一个 POST。 API 获取: 命名空间 API.Features.My.Queries; [路线(“api/mydata/{myid}”)] 公开
我需要合并两个表,User 和 Post。在最终版本中,您需要从用户的帖子和用户名中选择整个内容。这些模型通过外键链接 我解决了这个问题...
为了将WhatsApp Business与应用程序连接起来,我使用嵌入singup流程。 一切似乎都很好 - 我使用 subscribed_apps 端点并获得成功的响应: 卷曲--位置--请求 POST '
是否可以在 Next.JS 中使用路径段作为 API 路由?
我使用 Next.js v.14 的应用程序路由器并具有以下目录结构: /app/api/github/webhook/[令牌]/route.ts 如何获取 POST 请求处理程序中的 [token] 值?有吗
调用未定义的方法 App\Models\Post::getContent()
所以我昨天才开始使用 Laravel 和 Orchid... 现在我遇到了这个问题 我想为所有帖子创建一个数据页面 所以我创建布局:PostListLayout PostListLayout 类扩展了 Table...
无法在 /api/something/server.js 中使用 setHeaders 设置标头
有人能解释一下如何在 sveltekit 中的 api/something/+server.js 中设置标头吗? 我在这里阅读了文档 都是关于 +page.server.js 但不是 api/folder/+server.js 导出异步函数 POST(event)...
我正在尝试将音频发送到whatsapp API,在代码和返回下方,它返回成功,但音频未到达手机上 发送媒体 卷曲--请求 POST \ --url https://g...
重新运行 Flask 应用程序时全局变量未定义, 我有3个文件, api.py 进口教练员 应用程序=烧瓶(__名称__) @app.route('/start',methods=['POST']) def apifunc(id): 结果 = trainer.consu...
我用 html、tailwindcss 和 vanilla javascript 创建了一个静态网站。我正在尝试在客户端向 Vercel 的无服务器功能创建一个简单的 POST 请求。我部署了...
我在 Google 和 Stackoverflow 上搜索了很多。我找不到如何从网页获取 Cookie(或者一般来说,HTTP 标头),然后对其进行编辑并将其发回? [我知道怎么发POST了...
我们正在使用 stristr 来测试是否有人在表单的问题文本区域中包含了链接。而且它可以很好地阻止垃圾邮件。但不法之徒的新尝试已经开始……