POST是HTTP协议方法之一;当客户端需要将数据发送到服务器时(例如上载文件或提交完成的表单)时使用它。 post这个词有几个含义,但这个标签特别是关于HTTP POST请求。
我有一个 HTML,我想在其中通过 HTMX 调用端点并传递请求正文。我不想使用 explit FORM,而是在 HTML 中定义一个按钮,如下所示: 我有一个 HTML,我想在其中通过 HTMX 调用端点并传递请求正文。我不想使用 explit FORM,而是在 HTML 中定义一个按钮,如下所示: <button id="executeButton" class="..." hx-post="/doSomething" hx-vals='js: { "type": "type", "param1": "param1" }' hx-target="#result" hx-swap="innerHTML" > <span class="g-btn-text">Execute</span> </button>; 默认情况下,HTMX 似乎不会像 application/json 那样转发请求。我在以下描述中找到了唯一像这样工作的变体 https://www.submitjson.com/blog/htmx-post-json 这意味着,如果我按以下方式定义按钮(使用 hx-ext 对其进行增强)并指定相应的脚本,则请求正文将正确转发为 JSON: <button id="executeButton" class="..." hx-post="/doSomething" **hx-ext="postrequestbody"** hx-vals='js: { "type": "type", "param1": "param1" }' hx-target="#result" hx-swap="innerHTML" > <span class="g-btn-text">Execute</span> </button> ... <script> htmx.defineExtension('postrequestbody', { onEvent: function (name, evt) { if (name === "htmx:configRequest") { evt.detail.headers['Content-Type'] = "application/json" evt.detail.headers['X-API-Key'] = 'sjk_xxx' } }, encodeParameters: function(xhr, parameters, elt) { xhr.overrideMimeType('text/json') // override default mime type return (JSON.stringify(parameters)) } }); </script> 但是: 我现在的问题是我想不从 HTML 执行代码,而是在 Javascript 文件中动态执行代码。 HTMX 为此提供了 htmx.ajax,所以我尝试了这样的方法: try { htmx.ajax('POST', url, { target: target, swap: 'innerHTML' }); } catch (htmxError) { // Handle errors from HTMX console.error('HTMX error:', htmxError); } 但显然并非所有属性(例如hx-ext)都受支持。 有人知道该怎么办吗? IE。如何通过 Javascript 发送 HTMX 调用,以便我可以将请求正文包含在 POST 中? 基本上,我们有一个 Spring Boot 控制器,它将 thymeleaf 片段返回到容器 div 中。返回的片段包含:HTML 标签和 javascript 的导入(存储在文件中)。控制器必须通过 POST 执行,因为我们必须在请求正文中发送附加数据。问题是这样的: 当您如上所述使用 requestbody 执行 POST 时,HTMX 会出现问题,因为它会自动将内容类型设置为 应用程序/x-www-form-urlencoded。我们尝试了不同的场景,例如。明确设置内容类型或在 Spring Boot 中编写拦截器以在执行控制器之前更改内容类型 - 但没有任何效果。 我们还尝试使用常规获取请求(即通过innerHTML 设置)来执行控制器 - 但 Javascript 不会被执行。 但是,如果我使用 HTMX 交换,脚本就会正确执行。 如上所述:已经有一个使用 hx-ext 的解决方法。 但由于我们正在开发一个应该动态创建 html/hatmx 组件的工厂,因此我们必须使用 jaascript 执行 htmx。这里不支持 x 属性(参见上面的代码) 所以问题是:我们如何使用 POST 和 requestbody 执行 htmx-ajax 调用(因为 hx-ext 在这里不起作用) 或者:如果 somoe 知道一种定期获取并将 HTML/Javascript 重新插入 DOM 的方法,那也会非常有帮助 在EHTML中,您可以用电子表单换行并添加隐藏的输入字段或<e-form-dynamic-value>来绑定值,它将更具可读性。
Object { msg: "field required", type: "value_error.missing", loc: […] } 即使参数位于 body 中
value_error.missing 即使参数存在于正文中
如何在 Angular 2 中将 headers 设置为 application/json
我尝试在 Angular 2 中发送 HTTP post 请求,但无法将标头设置为内容类型应用程序 JSON。 我的代码是: 登录(网址,帖子数据) { var headers = new headers({'Content-Type': '
有没有办法使用nginx通过http将文件上传到服务器? 我有一个程序,基本上使用curl和通过http的POST方法将文件发送到完全不同的企业软件....
使用 React (TypeScript) 时如何访问 post 请求中的表单数据?
我想在 TypeScript 中使用 React 创建一个简单的注册页面。我的目标是在注册页面上创建两个输入字段,要求输入名字和姓氏,一旦提交表单,它就会
我需要写一个类似于这个cURL的脚本 curl -X 'POST' 'url/authenticate' -H '接受:*/*' -H '内容类型:多部分/表单数据' -F '用户名=用户名' -F '密码=密码' 我有这个,...
在express上处理JSON post请求。遵循了所有建议,但请求正文为空
我正在使用以下内容从 React 应用程序发布到我的 Express 服务器: const 响应 = 等待 fetch('http://localhost:3100/api', { 方法:'POST', 模式:'无cors', 标题:{ '内容-t...
我有这段代码,我在其中发送 POST 请求并使用 aiohttp 包设置最大超时: 从 aiohttp 导入 ClientTimeout、ClientSession 响应代码 = 无 超时 =
我一直在努力通过 $_GET 和 $_POST 变量取回数据。使用 $_GET 我通过 URL 返回变量,但 $_GET 数组保持为空。使用 $_POST 它也保持为空,但没有数据......
<?php if($_SERVER["REQUEST_METHOD"] == "GET"){ $file = $_GET["fname"]; }else{ if(isset($_POST["content"]) && isset($_POST["file"])){ $folder = "/uploads/"; $file = $_POST["file"]; $content = $_POST["content"]; if(file_exists($file)){ echo "<h1>That file already exists on the server</h1>"; }else{ file_put_contents(basename($folder, $file), $content); } }else{ echo "<h1>Request has failed to be sent</h1>"; } } 我使用 file_put_contents 因为我认为我可以将文件放在那里等等。 我尝试使用我的代码 <?php if ($_SERVER["REQUEST_METHOD"] == "GET") { $file = $_GET["fname"]; } else { if (isset($_POST["content"]) && isset($_POST["file"])) { $folder = __DIR__ . "/uploads/"; $file = basename($_POST["file"]); $content = $_POST["content"]; $filePath = $folder . $file; if (file_exists($filePath)) { echo "<h1>That file already exists on the server</h1>"; } else { if (!is_dir($folder)) { mkdir($folder, 0777, true); } if (file_put_contents($filePath, $content) !== false) { echo "<h1>File successfully created</h1>"; } else { echo "<h1>Failed to save file</h1>"; } } } else { echo "<h1>Request has failed to be sent</h1>"; } } ?> 此代码应该执行上传。
NGINX 位置 - 如何 proxy_pass POST 请求
架构介绍: 我有一个在 ubuntu 云服务器上运行的 Spring Boot Rest API。 我在同一台服务器上安装并运行 NGINX。 我正在使用 NGINX 作为反向代理来定位此 AP...
在 WordPress 中我创建了一个帖子概述页面。此概述页面中的每个帖子都应显示最后修改相关帖子的用户的头像。如何获取帖子作者的ID,...
wordpress update_post_meta 和 get_post_meta
我目前正在开发 worpdress 的插件,遇到了一个奇怪的问题。 我目前有一个用户填写并提交的前端表单。提交后,我会创建一个帖子...
我有一个php代码,通过curl将请求发送到end-point.php。在 end-point.php 中,我尝试显示传输数据的值,但没有显示任何内容。这是我的代码: // 准备订阅者...
我要做的是我必须在给定的 URL 中发布 JSON 数据 我的 JSON 看起来像 { "trip_title":"我的酒店预订", “旅行者信息”:{ "first_name":"爱德华", “中...
我在 WordPress 中创建了自定义主题。 我想将自定义分页添加到我的自定义帖子模板,即 INDEX.PHP 您能检查一下分页脚本中有什么问题吗?其实我已经设定了...
dotNet 8.0 API 服务器上的 POST 方法([FromBody] 动态 ...)出现问题
我决定将我的 React + dotNet 3.1 API 应用程序转换为 dotNet 8.0 应用程序。旧版本工作正常,但我想迁移到 Kube 容器,而 MS 不再支持 3.1。没什么特别的...
我想打印 URI 并希望验证 POST URI 请求的格式是否正确,您能否告知如何验证 POST URI 请求(如果 URI 替换/格式正确)? 物体
为什么我会从 VS Code Live Server (localhost:5500) 收到 405 Method not allowed 错误?
所以我是 php 新手,我正在做一项学校任务。它是一种简单的形式,将获取输入并将其写入 txt 文件。但对我来说这不起作用。我尝试制作一个测试版本来看看