使用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" />