使用Javascript在网站中搜索函数的正确方法是什么？

众所周知，Javascript和SQL数据库之间的交互并不十分安全。但大多数网站使用它会导致网站在搜索中显示匹配项

使用PHP，如果没有完全刷新页面，就不可能更改页面内容

Witch是使用Javascript从SQL获取数据的正确方法，不会忽略安全性。

---

特别适用于在列表中直接匹配的搜索函数。

您可以使用两种方法通过js从数据库获取数据

1。Ajax:

function refresh() {
    $.ajax({
        url:"your url",
        method: "GET",
        data: your_params,
        success: function(response) {
            $("#specific_div_id").html(response);
        }
    });
}

你可以在一段时间内这样做，比如

setInterval(refresh, 5000); 

以便每5秒获取一次内容

2。WebSocket

---

在AJAX中，您每5秒请求从服务器获取更新的内容。试想一下，您并没有得到content server向您推送更新的内容。换句话说，服务器会通知您任何更新的数据。您可以查看的示例实现。当服务器通知您时，您可以获取数据并将其放入相关的html区域

，如评论中所述，最好的方法是使用AJAX，它是代表异步Javascript和XML的首字母缩写。 最后一部分XML有点误导。它保留了这个名字，因为这是它最初的用途。但是AJAX现在可以用来发出HTTP请求并与任何语言（包括PHP）进行接口

根据您构建的技术，有几种实现方法可用。很可能您已经安装了jQuery。在这种情况下，特别是将解决您的问题

如果在后端使用路由器，只需调用路由，将其指定为url，即函数的第一个参数。否则，您可以使用嵌入javascript的html页面的相对路径直接调用文件。 jQuery.get将返回服务器脚本中的任何内容。换句话说，直接呈现在页面上的任何内容。您可以使用回调函数捕获返回的数据并对其进行处理。 例如：

$.get('/path/to/file.php', function (data) {
    console.log('Here is the data received from the server!', data)
    // Process data here
});

---

尝试Ajax………使用Ajax从sql server获取响应并在不重新加载的情况下显示