js动态生成Html元素实现Post操作（createElement）

在JavaScript中动态生成HTML元素进行POST操作是一种强大的技术，尤其当你需要构建动态表单时。下面，让我为你展示如何实现这一过程。

想象一下，你需要构建一个表单来发送POST请求到另一个页面。传统的HTML表单可能无法满足你的需求，特别是在你需要动态设置表单属性和提交数据的情况下。这时，你可以使用JavaScript来动态创建表单元素。

你需要创建一个新的表单元素：

```javascript

var form_feedback = document.createElement("form");

document.body.appendChild(form_feedback);

```

接下来，你可以为这个表单添加隐藏的输入字段，这些字段通常用于传递用户不会直接看到的数据。例如：

```javascript

var i = document.createElement("input");

i.type = "hidden";

i.name = "Title";

i.value = "你好！";

form_feedback.appendChild(i);

```

和：

```javascript

var j = document.createElement("input");

j.type = "hidden";

j.name = "Content";

j.value = "我把你设为重点关注了，咱们聊聊吧）";

form_feedback.appendChild(j);

```

为了提交这个表单而不打开新的页面或刷新当前页面，你可以创建一个隐藏的iframe来作为提交的目标：

```javascript

var hiddenIframe = document.createElement("iframe");

hiddenIframe.src = "about:blank";

hiddenIframe.name = "hiddenFrame";

hiddenIframe.id = "hiddenFrame";

hiddenIframe.width = "0";

hiddenIframe.height = "0";

hiddenIframe.frameborder = "0";

form_feedback.appendChild(hiddenIframe);

```

然后，你可以设置表单的属性，如action（指定表单提交的位置）、target（指定表单提交的位置，这里我们设置为隐藏的iframe）和method（指定提交的方式为POST）：

```javascript

form_feedback.action = "

form_feedback.target = "hiddenFrame"; // 将表单提交到隐藏的iframe中，以保持页面不刷新。

form_feedback.method = "post"; // 使用POST方法提交表单。

```

使用`submit()`方法提交表单：

```javascript

form_feedback.submit(); // 提交表单。由于目标设置为隐藏的iframe，所以页面不会刷新或跳转。

```

这样，你就可以动态创建并发送一个POST请求的表单了。这是一种非常强大的技术，适用于许多不同的应用场景。