如何使用JS/Jquery和query elasticsearch从HTML获取输入

我有一个带有文本字段和按钮的简单HTML页面 域名：

此文本框将要求用户输入域号。一旦用户输入了域名，我想取这个值并查询Elasticsearch，如下所示

/GET/domainnumber/_search
{
"query" : {
   "match": {
     "Domain Number":"201710283fc113afa731459285b55d94bb8ddf02"
         }
       }
}

---

我的elasticsearch服务器已经启动并运行，索引“domainnumber”中也有一些文档。索引中的每个文档除了域名之外还有3个字段，我希望查询返回域名。一旦响应可用，我想在浏览器上呈现。我在网上看到的所有例子都只是关于对搜索值进行硬编码。最简单、最快捷的方法是什么？

这里有两个例子：

一,

二,

var data = JSON.stringify({
  "query": {
    "match": {
      "Domain Number": "201710283fc113afa731459285b55d94bb8ddf02"
    }
  }
});

var xhr = new XMLHttpRequest();
xhr.withCredentials = true;

xhr.addEventListener("readystatechange", function () {
  if (this.readyState === 4) {
    console.log(this.responseText);
  }
});

xhr.open("POST", "http://192.168.X.XXX:9200/domainnumber/_search");
xhr.setRequestHeader("Content-Type", "application/json");

xhr.send(data);

var settings = {
  "url": "http://192.168.X.XXX:9200/domainnumber/_search",
  "method": "POST",
  "headers": {
    "Content-Type": "application/json"
  },
  "processData": false,
  "data": "{\r\n\"query\" : {\r\n   \"match\": {\r\n     \"Domain Number\":\"201710283fc113afa731459285b55d94bb8ddf02\"\r\n         }\r\n       }\r\n}"
}

$.ajax(settings).done(function (response) {
  console.log(response);
});