jQuery将搜索条件发布到第三方api

Question

我是Jquery的新手，所以我可能会问一个基本问题。我需要在以下情况下编写函数的帮助。谢谢！

我有一个搜索页面，用户可以在其中按这4个组合选项中的全部或任意一个进行搜索。 1）自由文本-文本框

<input class="search-placeholder ml-16" type="text" name="search">

2）从某个位置按英里搜索

    <select class="mile-counter"><option value="10">10 miles</option><option value="20">20 miles</option></select>
     <input type="text" name="location" class="location" placeholder="Enter Zip      or City">

3）单击被视为属性的不同按钮

let res = response.reduce((obj, item) => {
              obj[item.subSection] = obj[item.subSection] || [];
              obj[item.subSection].push(item.name);
              return obj;
            }, {});


            // get values array and iterate 
            Object.keys(res).forEach(function(k) {
              // generate h3 ith subSection value and append
              $('div.programs').append(
              $('<div class="section">' + k + '</div>')
                  //$('<h3>', {text: k})
                )
                // generate buttons and append
                    .append(res[k].map(v =>
                        $(`<button class="button">
                        <img class="programs-icons" src="/wwwroot/images/${v}.svg"                onerror="imgError(this);">
                        ${v}
                      </button>`)
                    ))
                })

4）通过人口百分比数字，例如：10、20、30

<div class="population-text">Top 10 Population</div>

我需要调用第三方API（ApiSearch / 5.3 / SearchCriteria），并以

的格式传递所有用户的搜索条件。

 {
"text": "string",
 "attributes": [
    "string"
],
  "Population": 0
}