javascript - 如何在网站上制作搜索功能
问题描述
我只是想知道如何在用户搜索存储在数据库中的内容后让我的网站预览一些信息。
解决方案
在搜索栏中键入时预览用户名的基本方法。为此,您需要使用 AJAX 来查询服务器,并将结果显示为预览,供用户在需要时单击,而无需刷新页面。
- 用户在搜索栏中输入“乔”
- onChange() 甚至被触发,并且您使用用户写的“Joe”来查询您的服务器。请记住,此查询是通过 AJAX 进行的,以免强制页面重新加载。
- 服务器端,您对表 users 进行 MySQL 查找,其中名称类似于“Joe”。
SELECT NAME FROM USERS WHERE NAME LIKE '%what_you_sent_on_AJAX_request%' LIMIT 10;
- 浏览器接收来自 AJAX 请求的响应,并显示一个带有服务器输出的漂亮下拉列表。当用户实际单击此“预览”时,您实际上会重新加载到页面或根据用户单击的内容将用户带到新页面。
这是一个非常基本的方法。
推荐阅读
- python - 尝试获取字段值时出现 AttributeError
- c++ - typedef 在这里做什么?
- javascript - 在移动设备的浏览器中打开链接
- python - if else 不检查 Python 中的两个条件
- c++ - 使用递归 C++ 查找向量中的最大值
- javascript - 在 Google 图表的图表顶部显示注释文本
- python - conda 前缀 (-p) 仍然在 home 上创建一个 .conda 目录
- android - Firebase Google 登录重新身份验证错误:提供的身份验证凭据格式错误或已过期
- c# - StorageProviderSyncRootManager UnauthorizedAccessException
- javascript - Node 的 Buffer.from(string, "binary") 的 Deno 等价物是什么?