Javascript 从mysql数据库进行jquery实时搜索？_Javascript_Jquery_Mysql_Database_Ajax

Javascript 从mysql数据库进行jquery实时搜索？

javascript jquery mysql database ajax

Javascript 从mysql数据库进行jquery实时搜索？,javascript,jquery,mysql,database,ajax,Javascript,Jquery,Mysql,Database,Ajax,在中，无需按enter键即可搜索标记我想知道：标签是从数据库中检索还是从XML文件中检索？是否涉及ajax？我是新手。如果涉及ajax。我应该如何编写代码我希望它访问一个返回数据的php文件。但我对它的实际工作原理并不熟悉如果代码看起来像这样： <html> <body> <script type="text/javascript"> function ajaxFunction() { var xmlhttp; if (window.XMLHtt

在中，无需按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>

如何发送用户在释放php密钥后键入的文本？php使用SELECT获取标记后，我应该如何返回这些值。回声

请引导我一点。当涉及前端时，我非常困惑。

查看firebug控制台，您可以看到它使用ajax发送和接收数据。最有可能是从数据库获取数据的脚本

使用jQuery可以很容易地做到这一点

<script type="text/javascript">
  $("#username").autocomplete("search.php");
</script>
<form name="myForm">
  Name: <input type="text" name="username" id="username" />
  Time: <input type="text" name="time" />
</form>

<?php
//search.php
$q = $_GET['q']
$result = $db->query("SELECT username, id FROM users WHERE username LIKE '%$q%'");
while($user = $result->fetch_assoc()){
  echo $user['username']."|".$user['id']."\n";
}

您可以在此处下载插件：

jQuery:

查看firebug控制台，您可以看到它使用ajax发送和接收数据。最有可能是从数据库获取数据的脚本

使用jQuery可以很容易地做到这一点

<script type="text/javascript">
  $("#username").autocomplete("search.php");
</script>
<form name="myForm">
  Name: <input type="text" name="username" id="username" />
  Time: <input type="text" name="time" />
</form>

<?php
//search.php
$q = $_GET['q']
$result = $db->query("SELECT username, id FROM users WHERE username LIKE '%$q%'");
while($user = $result->fetch_assoc()){
  echo $user['username']."|".$user['id']."\n";
}

您可以在此处下载插件：

jQuery:

您可以通过使用。您会注意到，在标记文本框中键入字母将触发对服务器的请求

例如，条目C将从服务器向您提供以下响应：

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

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

在编写答案时使用Firebug，您还会注意到客户端每隔一分钟左右发送一次请求：

POST answer-activity-heartbeat

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

一般来说，使用FireBug将真正帮助您了解网站的工作方式。我建议你开始使用它，如果你想更好地了解它是如何构思的

关于

你可以通过使用。您会注意到，在标记文本框中键入字母将触发对服务器的请求

例如，条目C将从服务器向您提供以下响应：

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

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

在编写答案时使用Firebug，您还会注意到客户端每隔一分钟左右发送一次请求：

POST answer-activity-heartbeat

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

一般来说，使用FireBug将真正帮助您了解网站的工作方式。我建议你开始使用它，如果你想更好地了解它是如何构思的

关于

我建议，如果你真的需要知道它是如何工作的，看看JS，但是如果你需要做的是快速的，使用和阅读文档或者买一本类似的书。它确实简化了AJAX的实现方式，您可以从服务器发回任何您想要的东西，从JSON到HTML

顺便说一句，知道输入框值何时发生更改以触发执行AJAX请求的JS的方法是使用输入的值

我建议，如果你真的需要知道它是如何工作的，可以看看JS，但是如果你需要做的是快速的，那么使用和阅读文档，或者买一本类似的书。它确实简化了AJAX的实现方式，您可以从服务器发回任何您想要的东西，从JSON到HTML

顺便说一句，知道输入框值何时发生更改以触发执行AJAX请求的JS的方法是使用输入的值

它真的相关吗？它是如何相关的？您提供的所有变体都是可行的。您使用什么取决于您的设置和什么对您最有意义问题是我不知道如何编码它来工作=如何将数据发送到php文件？如何使用echo语句从php发回数据？接收的是ajax还是jquery？php应该从数据库中检索吗？还是从xml文件中获取？但如果它来自xml，那么您必须从数据库中导出它吗？plz引导我一点=它真的相关吗？它是如何相关的？您提供的所有变体都是可行的。您使用什么取决于您的设置和什么对您最有意义问题是我不知道如何编码它来工作=如何将数据发送到php文件？如何使用echo语句从php发回数据？接收的是ajax还是jquery？php应该从数据库中检索吗？还是从xml文件中获取？但如果它来自xml，那么您必须从数据库中导出它吗？请引导我一点=我安装了firebug，但我在前端是noob。我有HTML、CSS和脚本菜单。我应该使用哪个菜单来跟踪您描述的更改？我看不到任何实时变化。我安装了firebug，但我是前端的noob。我有HTML、CSS和脚本菜单。我应该使用哪个菜单来跟踪您描述的更改？我看不到任何实时更改。不要忘记清理客户端输入和/或使用参数化查询来避免SQL注入。而且不要忘记忘记清理客户端输入和/或使用参数化查询以避免SQL注入。