让jQuery函数使用来自外部php文件的数据和mySQL查询
Have jQuery function use data from external php file with mySQL query
现在我有一个带有下拉菜单的网站,该菜单中包含大约 1200 个不同位置的位置。我想做的是将该下拉菜单替换为文本框,当用户开始键入位置名称时,它将相应地填充列表。我已经能够使用我在代码的实际脚本块中创建的数组成功地做到这一点,但我想做的不是用来自外部 php 文件的 MySQL 查询的数据替换它。这就是我使用数组的工作。
这是与这个问题相关的 php:
<?php
include('common.php');
$sql = "SELECT LoginUserName FROM LoginUser";
$query = mysql_query($sql);
while ($row = mysql_fetch_array($query)) {
$users = $row['LoginUserName'];
//echo $hour.":".$minutes;
}
// $timeHour = $_POST['hours']; This isn't needed.
echo $users;
$content = $_POST['users']; //get posted data
?>
这是我目前使用硬编码数组的工作
<script>
$(function() {
var availableTags = [
"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
然后页面上使用的 html 是
<div class="ui-widget">
<label for="tags">Tags: </label>
<input id="tags" />
</div>
所以现在我要做的是使用 AJAX 调用具有 MySQL 查询的 php 脚本并返回它得到的内容,然后填充搜索结果以产生相同的效果。这是我想出的,请记住,我仍然是jQuery/AJAX的新手...
<script>
$(function() {
var availableTags = [
$.ajax({
type: "POST",
url: "getme.php",
data: { content: content
}
})
];
$( "#tags" ).autocomplete({
source: availableTags
});
});
</script>
任何帮助将不胜感激。提前非常感谢
添加一个 JavaScript 函数
$(function() {
//autocomplete
$("#tags").autocomplete({
source: "search.php",
minLength: 1
});
});
在搜索中.php
$query = "SELECT tags FROM YOUR_TABLE WHERE tags like '%".$_GET['tags']."%' LIMIT 0,15";
$rs = mysql_query($query);
while ($row = mysql_fetch_array($rs)) {
$tags[] = $row['tags'];
}
echo json_encode($tags);
请使用限制来加快自动建议
相关文章:
- 不显示带有本地json文件数据的谷歌地图脚本
- 如何使用jQuery获取txt文件数据中的行数
- 在d3.json中使用d3.csv组合多个csv文件数据输入的最佳方法是什么
- 当$_FILES为空但$_POST有文件数据时进行处理
- 用于在表和报表的发件人中表示 CSV 文件数据的工具
- flow.js上传的文件数据在哪里
- 使用Chart.js中的JSON文件数据
- 将资源文件数据从控制器传输到js文件
- Jquery submit()没有't传递文件数据
- 如何使用 Javascript 循环遍历外部 JSON 文件数据
- 在Chrome中下载后访问文件数据..
- 使用jQueryFileUpload发送的文件数据在哪里
- 可以从文件上传输入中获取文件数据/val,并通过Ajax请求将其发送到服务器
- 无法从客户端将文件数据发送到 nodejs 服务器
- 将文件数据作为多部分表单数据发送到服务器
- 将图像文件数据发送到 RESTful 服务
- 如何在高图表上加载CSV文件数据
- 如何从 javascript 中提醒 json 文件数据
- 如何引用要与 HTML 和 jQuery 一起使用的 XML 文件/数据
- 尝试通过AJAX发送输入文件数据,可以'我无法访问控制器中的数据