javascript - jquery从mysql数据库实时搜索?

标签 javascript jquery mysql database ajax

在 SO 中,您无需按 Enter 键即可搜索标签。

我想知道:

  • 标签是从数据库还是 XML 文件中检索的?
  • 是否涉及ajax?

我是前端新手。如果涉及ajax。我该如何编写代码?

我希望它访问返回数据的 php 文件。但我不熟悉它的实际工作原理。

代码应该是这样的:

<html>
<body>

<script type="text/javascript">
function ajaxFunction()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
}
else
{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if(xmlhttp.readyState==4)
{
document.myForm.time.value=xmlhttp.responseText;
}
}
xmlhttp.open("GET","time.php",true);
xmlhttp.send(null);
}
</script>

<form name="myForm">
Name: <input type="text" name="username" onkeyup="ajaxFunction();" />
Time: <input type="text" name="time" />
</form>

</body>
</html>

如何发送用户在将 key 释放到 php 后输入的文本?以及在 php 使用 SELECT 获取标签后我应该如何返回值。回声?

请指导我一下。当涉及到前端时我很困惑。

最佳答案

您实际上可以通过使用 Firebug 自己找到答案。您会注意到,在标记文本框中输入字母将触发对服务器的请求。

例如,条目“C”将为您提供来自服务器的以下响应:

c#|48259
javascript|18318
c++|16999
asp.net-mvc|7224
c|6948
css|6563

然后在 SO 中解释结果,然后使用 jQuery 显示。

在编写答案时使用 Firebug,您还会注意到客户端大约每分钟发送一次请求:

POST answer-activity-heartbeat

这也是为什么您会注意到您当前正在处理的问题已更新为新答案。

一般来说,使用 FireBug 确实可以帮助您了解网站的工作原理。如果您想更好地了解 SO 是如何构思的,我建议您开始使用它。

问候

关于javascript - jquery从mysql数据库实时搜索?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1737280/

相关文章:

javascript - Highcharts - 同一页面中多次出现相同的图表

javascript - 函数参数列表太长 |最小化

javascript - 从 PowerShell 打开 Internet Explorer 时出现问题

javascript - 动态创建的按钮文本

php - MYSQL用左连接连接3个表

javascript - 如何向我的函数添加更多参数?

javascript - YUI 3 中 jQuery(this) 的替代品是什么?

javascript - 如何在找到的 HTML 元素之前插入整个 css 类?

mysql - 同列计算/百分比

php - 如果 php 文件超时,mysql 查询会发生什么情况?