我正在使用 here 中的 Jquery UI 自动完成插件。问题是，如何将动态内容插入到自动完成中？这是我尝试过的:
<?php
$db2 = new mysqli("127.0.0.1", "root", "", "crave crap");
$one_grab = $db2->query("SELECT * FROM movies");
echo '<script>
$(function() {
var availableTags = [
</script>';
while($two_row = mysqli_fetch_array($one_grab)) {
echo $two_row["title"];
}
echo '"ActionScript",
"AppleScript",
"Asp",
"BASIC",
"C",
"C++",
"Clojure",
"COBOL",
"ColdFusion",
"Erlang",
"Fortran",
"Groovy",
"Haskell",
"Java",
"JavaScript",
"Lisp",
"Perl",
"PHP",
"Python",
"Ruby",
"Scala",
"Scheme"
];
$("#delete_movie").autocomplete({
source: availableTags
});
});
</script>';
?>
请假设 Jquery 和 Jquery UI 已正确链接...为了进一步解释，我有一个连接到 SQL 查询的 while 循环。我尝试将其附加到自动完成内容中，但这不起作用。使用 Jquery UI 自动完成插件执行此操作的正确方法是什么？
EDIT @Vijay Arun
This is the code you have published:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Autocomplete - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<?php
$db2 = new mysqli("127.0.0.1", "root", "", "crave crap");
$one_grab = $db2->query("SELECT * FROM movies");
while($two_row = mysqli_fetch_array($one_grab)) {
$data[] = $two_row["title"];
}
?>
<script>
$(function() {
var availableTags = "<?php echo json_encode($data); ?>";
$("#delete_movie").autocomplete({
source: JSON.parse(availableTags)
});
});
</script>
</head>
<body>
<div class="ui-widget">
<input id="delete_movie" name="delete_movie" required>
</div>
</body>
</html>
Does this look correct? If so, the code is still not working...
最佳答案
使用remote例如，在php
echo json_encode()
$("#delete_movie").autocomplete({
source: function( request, response ) {
$.ajax({
url: "/path/to/php",
dataType: "json",
data: {
q: request.term
},
success: function( data ) {
response( data );
}
});
})
关于javascript - 如何使自动完成 Jquery UI 插件动态化，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34834979/