Javascript 基本JS Ajax问题:在输入字段中输入文本后自动查询数据库
我有一个简单的问题。不幸的是,我没有编程的知识 当我点击其中一个实时结果,然后自动从数据库中加载地址、电话号码等 我的代码:Javascript 基本JS Ajax问题:在输入字段中输入文本后自动查询数据库,javascript,php,mysql,ajax,livesearch,Javascript,Php,Mysql,Ajax,Livesearch,我有一个简单的问题。不幸的是,我没有编程的知识 当我点击其中一个实时结果,然后自动从数据库中加载地址、电话号码等 我的代码: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" /> <link rel="stylesheet" href="https
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.css" />
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<body>
<div class="container mt-4">
<div class="row">
<h2>PHP AJAX Autocomplete Textbox From Database Example</h2>
<input type="text" name="autocomplete-search" id="autocomplete-search" autocomplete="off"
placeholder="search here...." class="form-control">
</div>
</div>
<script type="text/javascript">
$(function() {
$("#autocomplete-search").autocomplete({
source: 'ajax-autocomplete.php',
});
});
</script>
</body>
数据库示例中的PHP AJAX自动完成文本框
$(函数(){
$(“#自动完成搜索”)。自动完成({
来源:“ajax autocomplete.php”,
});
});
Ajax文件(Ajax自动完成):
这里简单地显示
非常感谢你的帮助 您的脚本已打开。甚至您也应该始终在MYSQLI_uquot>或PDO
API中使用,而不是将用户提供的值连接到查询中。永远不要相信任何用户输入!
<?php
$servername = "localhost";
$username = "root";
$password = "";
$dbname = "mydb";
$conn = mysqli_connect($servername ,$username,$password,$dbname );
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$term = mysqli_real_escape_string($conn,$_GET['term']);
$sql = "SELECT * FROM customer WHERE nameLIKE '%$term%'";
$query = mysqli_query($conn, $sql);
$result = [];
while($data = mysqli_fetch_array($query))
{
$result[] = $data['name'];
}
echo json_encode($result);
?>