Question

我遇到一个问题，其中我的搜索输入具有自动完成功能，并且当我选择一个值时-它显示了我的表，但刷新了两次页面，其搜索次数为2，而当我再次搜索时，它覆盖了先前的结果，不追加表格。请看一看。谢谢。

这是我的代码：

$("#searchTextField").autocomplete({
  minLength: 2,
  source: myData,

  select: function(event, ui) {

    var jobClassCd = $(this).val();
    if (jobClassCd !== 0) {
      let url = '#{request.contextPath}/index.xhtml';
      let searchValue = $('#searchTextField').val(ui.item.value);
      let data = new FormData();
      data.append('searchValue', searchValue);
      fetch(url, {
        body: data,
        method: "post"
      }).then(res => res.text()).then(data => {
        $('#results').append($(data).find('#textTable'));
        $('#results').append($(data).find('table'));
        $('#results').append($(data).find('#bestTable'));
        $("#clearone").show();
        $("#searchForm").submit();


      });
    }

  },


  response: function(event, ui) {
    if (!ui.content.length) {
      var message = {
        value: "",
        label: "nothing found"
      };
      ui.content.push(message);

    }
  }

});

HTML：

<form id="searchForm">

<input type="text" name="searchValue" id="searchTextField" class="form-control" placeholder="search" />

搜索输入在jquery中提交两次？

0 个答案: