css - 如何在发布请求中更新 css/HTML？

Question

我正在处理一个包含多个部分的页面。其中之一是发送 POST 请求的表单。表单发送成功后，我想更新另一个元素上的 CSS 样式以使其可见。

由于提交事件发生在服务器端(使用 node.js)，我怎样才能让这个文件与 CSS/HTML 通信？我不想发送一个全新的页面，只是稍微更新一下已经显示的页面。

app.post("/section-2", function(req, res) { 
  console.log(req.body);
  authorizeAndExecute(findOpenDataRow);

  res.send("<style>.section-2-next{visibility:visible}</style>")
});

上面的例子展示了我试过的东西，但它只是清除了整个页面。我也试过 jQuery，但服务器显然没有像常规 js 文件那样连接到 HTML。

编辑:这是一些涉及表单的 HTML，以及我想更新其样式的元素。

<form action="/section-2" method="POST">
    <button type="submit" class="btn btn-primary btn-lg section-2-submit">Submit</button>
    <button class="btn btn-success section-2-next" type="button" name="button">Continue</button>
</form>

Answer 1

您应该在客户端使用 ajax，以便在 POST 完成后应用您的样式。如果您使用 jQuery，则语法为:

$('.my-form').submit((e) => { // Will be triggered when submit input is clicked
  e.preventDefault(); // Prevent page redirection
  $.post('/section-2', { param1: value1, ... }) // do POST with query parameters
  .done((res) => { // on response from POST
    $('.section-2-next').css('visibility', 'visible'); // Update your style
  })
})