javascript - 使用 html 输入更改 Ajax 数据字段参数

Question

我已经根据在服务器上运行的查询返回的数据使用 Google 图表创建了一个可视化。我正在使用 Ajax 命令发送查询。

有没有办法根据用户的 html 输入动态修改查询？我特别想更改data:参数以包含用户指定的范围。

这是我正在使用的 Ajax 命令：

  var json;
$.ajax({
        url: 'http://10.10.48.20:9200/kpi/mroutes_by_lane/_search',
        type: 'POST',
        data :
            JSON.stringify(
                {
                    "query" : { "match_all" : {} }
                }),
        dataType : 'json',
        async: false,
        success: function(data){
            json = data;
        }
    })

Answer 1

是的，

您可以从 HTML 中获取数据并将其放入数据中，如下所示：

 var json;
$.ajax({
        url: 'http://10.10.48.20:9200/kpi/mroutes_by_lane/_search',
        type: 'POST',
        data :
            JSON.stringify(
                {
                    "query" : { "match_all" : {}, 
                                "some_field", $("#textboxid").val() }
                }),
        dataType : 'json',
        async: false,
        success: function(data){
            json = data;
        }
    })

在您的 HTML 中：

<input type="text" id="textboxid" />