时间戳

首页 > 解决方案 > 实时搜索输入 TEXT 到 URL

jquery - 实时搜索输入 TEXT 到 URL

问题描述

这是我第一次尝试将输入文本发送到 URL，我想要的只是当我搜索“克利夫兰”之类的内容时。它会像index.php?searchText=cleveland在 URL 中一样。

但是 URL 中的输出是： index.php?searchText=c?searchText=cl?searchText=cle?searchText=clev?searchText=cleve?searchText=clevel?searchText=clevela?searchText=clevelan?searchText=cleveland.

我在网上找不到任何解决方案，所以我希望有人可以向我解释如何解决这个问题。

AJAX 代码：

function searchFilterInput(page_number) {
  page_number = page_number?page_number:0;
  var search = $('#search').val();
  var getUrl = window.location;
  $.ajax({
    type: 'POST',
    url: 'getData.php',
    data:'page='+page_number+'&search='+search,
    success: function (data) {
// Below doesn't work like it should</b>
    window.history.replaceState("object or string", "Page Title", getUrl+"?searchText="+keywords);
    }
  });
}

标签： jqueryajax

解决方案

在这里找到人们搜索的答案：

$("#keywords").keyup(function () {
  var keywords = $('#keywords').val(); //searchInput
var pathname = "?searchText="+keywords;
history.pushState({}, '', 'products.html'+pathname);
});

推荐阅读