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

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

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

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

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

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

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

function submitForm() {
  let textInput = $("#text-input").val();

  $.ajax({
    url: "/submit",
    type: "POST",
    data: {textInput: textInput},
    success: function(response) {
      // 处理响应
      console.log(response);
    },
    error: function(xhr, status, error) {
      // 处理错误
      console.log(error);
    }
  });
}

在这个示例中，我们使用POST方法将数据发送到URL为`"/submit"`的服务器端点，并将数据作为对象发送。在请求完成后，我们使用`console.log()`函数输出响应文本。如果请求失败，我们也将错误信息输出到控制台。