在按钮javascript下获取特定的API数据

Question

我有一个搜索栏和按钮＆＃34;搜索＆＃34;从Tesco Labs API返回数据。 API有四个参数：query，searchTerm，offset和limit。

我想要一个按钮＆＃34;面包＆＃34;它只显示面包作为查询。因此，如果用户单击该按钮，则会显示面包产品，而不必在搜索栏中搜索该术语。以下是我对搜索栏和搜索按钮的工作代码。我试图修改这个面包按钮只返回面包产品，但没有运气。

$(document).ready(function() {
  // Get a reference to the get button.
  var button = $('#buttonGet');

  button.click(function() {
    button.text('Getting product...');

searchForProducts($('#textSearch').val(), function(data) {
  button.text('Search');
  console.log(data);
  if (data.uk.ghs.products.results.length = 0) {
    $('#data').html(createResultsMarkup(data.uk.ghs.products.results));
  } else {
    $('#data').html('No products returned');
  }
  });
 });

function createResultsMarkup(results) {
  var resultsMarkup = "";
  $.each(results, function(index, product) {

resultsMarkup = resultsMarkup + 
"<img src=" + product.image + ">" + "" + "</img>" +
"<h3>" + product.name + "</h2>" +
"<h4>" + product.department + "</h4>" +
"<h4>" + product.price + "euro" + "</h4>";
});

  var markup = "<ul>" + resultsMarkup + "</ul>";
  return markup;
}

function searchForProducts(searchTerm, dataReturned) {
   var params = {
    query: searchTerm,
    offset: 0,
    limit: 10
     };