Question

我如何使用自动填充从HTML中的文本框中获取输入，以便通过ajax将该数据提供给我的url参数？我的目标是将数据输出到HTML中。我正在查询的数据类型是XML API。

这是我的HTML：

<input id="data_from_autocomplete"> 
<button type="submit>Submit</button>

这是我的jQuery：

$.ajax({
type: "GET",
url: "http://www.something" + data_from_autocomplete + ".com",
dataType: "xml",
success: parse
});

Answer 1

使用

var param = $("#data_from_autocomplete").val();
var url =  "http://www.something" + encodeURIComponent(param) + ".com";

//call your ajax

[更新]

如果您需要将搜索字段的值作为参数传递，只需将其传递给ajax调用的data参数：

var city = $("#data_from_autocomplete").val();
var state = "wa";

$.ajax({
    url : "https://www.zillow.com/webservice/GetRegionChildren.htm",
  data : {
    "zws-id": /*your zws-id goes here*/,
    state : state,
    city: city
  },
  success: function(response) {
    //process your response here
  }
});

通过HTML输入在AJAX中构建URL

1 个答案: