html中添加文本框输入框，添加内容后提交进行异步请求

在HTML中添加文本框和输入框可以使用以下代码：

<form>
  <label for="text-input">文本框：</label>
  <input type="text" id="text-input" name="text-input"><br>

  <label for="textarea-input">输入框：</label>
  <textarea id="textarea-input" name="textarea-input"></textarea><br>

  <button type="button" onclick="submitForm()">提交</button>
</form>

其中，`id` 和 `name` 属性分别指定了元素的唯一标识符和名称。

要进行异步请求，可以使用JavaScript中的`XMLHttpRequest`对象。可以在 `submitForm()` 函数中创建该对象，设置请求的类型、URL、数据等，并在请求完成后处理响应。

以下是一个基本的示例代码：

function submitForm() {
  let xhr = new XMLHttpRequest();
  xhr.open("POST", "/submit", true);
  xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");

  let textInput = document.getElementById("text-input").value;
  let textareaInput = document.getElementById("textarea-input").value;

  xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 处理响应
      console.log(xhr.responseText);
    }
  };

  let data = JSON.stringify({
    textInput: textInput,
    textareaInput: textareaInput,
  });

  xhr.send(data);
}

在这个示例中，我们使用POST方法将数据发送到URL为`"/submit"`的服务器端点，并将数据作为JSON字符串发送。在请求完成后，我们使用`console.log()`函数输出响应文本。