使用 AJAX PHP 和 MySQL 不显示数据的 Bootstrap typeahead
我发布了所有显示数据后端但前面没有显示数据的图像。我的代码不起作用。
我的代码获取数据并在控制台和浏览器网络中显示数据，但没有在像谷歌这样的文本框下显示建议我必须检查所有事情但没有得到一个想法
我不明白这个。
<!DOCTYPE html>
<html>
<head>
<title>Webslesson Tutorial | Autocomplete Textbox using Bootstrap Typehead with Ajax PHP</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
</head>
<body>
<br /><br />
<div class="container" style="width:600px;">
<h2 align="center">Autocomplete Textbox using Bootstrap Typeahead with Ajax PHP</h2>
<br /><br />
<label>Search Country</label>
<input type="text" name="country" id="country" class="form-control input-lg" autocomplete="off" placeholder="Type Country Name" />
</div>
</body>
</html>
<script>
$(document).ready(function() {
$('#country').typeahead({
source: function(query, result) {
$.ajax({
url: "autoselect_jquery2.php", // send request to a separate file
method: "POST",
data: {
query: query
},
dataType: "json",
success: function(data) {
result($.map(data, function(item) {
return item;
}));
}
})
}
});
});
</script>
//autoselect_jquery2.php
<?php
//Assume this line is correct and that you have a database.php file containing your log in credientials
include 'database.php';
//If Statement says - run this next piece of code if $_POST['query'] is set to something
if (isset($_POST['query']))
慕娘93253241回答
随时随地看视频慕课网APP
PHP