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(
即使我通过 RESTHeart 5.1.5 执行 POST 来添加文档，为什么 Mongo DB 仍检查 _etag？
使用 RESTHeart 5.1.5，我尝试通过 HTTP POST 将文档添加到集合 myapp 中。 POST http://xyz:9998/logs/myapp?checkETag=false { “差异”：{ “地址”： { &
早上好， 我有一个小问题来回显变量。也许你可以帮助我。谢谢！ https://api.openligadb.de/index.html /getmatchdata/matchid 这有效： 早上好， 我在回显变量时遇到小问题。也许你可以帮助我。谢谢！ https://api.openligadb.de/index.html /getmatchdata/matchid 这有效： <?php echo $match["team1"]["teamIconUrl"]; ?> 但是我无法获得比赛结果。 <?php echo $match["matchResults"]["pointsTeam1"]; ?> <?php // Retrieve the data for the current matchday from the OpenLigaDB API $url = sprintf("https://api.openligadb.de/getmatchdata/bl1", $current); $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); $output = curl_exec($ch); if ($output === false) { die("Error when requesting the API: " . curl_error($ch)); } curl_close($ch); // Decoding the API response $matches = json_decode($output, true); if ($matches === null) { die("Error processing API response: " . json_last_error_msg()); } ?> 像这样打印 <?php echo $match["matchResults"][0]["pointsTeam1"]; ?>
当我从客户端（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”。” 我搜索...
我有这个海底管道： 输入： http_服务器： 地址： ”” 路径：/post ws_路径：/post/ws 允许的动词： - 邮政 超时时间：120秒 速率限制：“”
通过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); // 这个我...
BadRequestKeyError：400 错误请求：浏览器（或代理）发送了该服务器无法理解的请求。关键错误：“搜索”标题
App.html 标题 应用程序.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form action="." method="post"> Search: <input type="text" name="search"> <input type="submit" value="Show"> </form> </body> </html> main.py from flask import Flask, render_template, request app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/CmpPr') def cmpP(): return render_template('CmpPr.html') @app.route('/CmpSpes') def cmpS(): return render_template('CmpSpes.html') @app.route('/App', methods=['POST', 'GET']) def App(): search = request.form['search'] return render_template('output.html', n=search) @app.route('/Gro') def Gro(): return render_template('Gro.html') if __name__ == '__main__': app.run(debug=True) 我创建了多个 html 页面 我想打印消息，从 TextBox 请求（上面的代码）并打印到另一个 html 页面 我尝试使用 request.form.get('search') 但它返回 null 如果我使用 request.form.get('search', FALSE 或 TRUE) 它会返回 FALSE 或 TRUE 我还使用了 if else 循环来指定 GET 和 POST 方法，但仍然显示相同的错误 任何人都可以帮我解决这个问题吗 谢谢你 首先，您的表单操作应该指向处理表单数据的视图（即/App）： <form action="/App" method="post"> 其次，您应该只在请求方法为POST时获取表单数据，因为您已经在模板中设置了method="post"。另外，当请求方法为 GET 时，您需要渲染包含表单的 App.html: @app.route('/App', methods=['POST', 'GET']) def App(): if request.method == 'POST': # get form data when method is POST search = request.form['search'] return render_template('output.html', n=search) return render_template('App.html') # when the method is GET, it will render App.html 附注您收到的错误已清楚地解释为表单数据中没有名为 search 的键。 你可以试试这个，对我有用 @app.route('/predict_home_price', methods=['POST']) def predict_home_price(): try: data = request.get_json() # Expecting JSON data # Check if required data is provided if not data: return jsonify({'error': 'No JSON data received'}), 400
如何在 Ruby 中使用 json 制作带有标头的 Https 帖子？ 我努力了： uri = URI.parse("https://...") https = Net::HTTP.new(uri.host,uri.port) req = Net::HTTP::Post.new(uri.path) ...
我正在尝试使用fastAPI发送POST请求，但我不知道为什么它在GET方法中执行
这是我进入控制台控制台错误的错误 这是我尝试做的。在这里我使用了路由器并在其他文件中实现了该路由器，这很好使用 post 方法进行注册 我用过这个...
我需要运行代理服务测试。场景是： 创建代理，向服务发送请求，如 POST http://localhost:8801/proxies 结果例如： {"port": 20251, "uuid&q...
我即将使用谷歌搜索控制台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，我编写的所有代码都来自互联网尝试...
我想将神经网络表示为 REST API 可用的资源。每当客户想要创建神经网络模型时，他们都可以 POST 神经网络的 JSON 表示，这
受信任的 Web 活动的 PostMessage 演示代码不起作用
在这篇文章之后 - https://developer.chrome.com/docs/android/post-message-twa - 我已经尝试了 PostMessage 的演示代码，但它不起作用（参考演示代码在这里 - https ://githu...
将音频数据编码为字符串（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 '