要实现一个ajax搜索框提示的功能,我们需要用到以下几个步骤:
<input type="text" id="search" name="search" placeholder="请输入搜索关键字">
<div id="search-results"></div>
$(document).ready(function(){
$('#search').keyup(function(){
var keyword = $(this).val();
$.ajax({
url: 'search.php',
type: 'POST',
data: {keyword: keyword},
success: function(response){
$('#search-results').html(response);
}
});
});
});
<?php
// 获取关键字
$keyword = $_POST['keyword'];
// 查询数据库或其他方式获取提示结果
// ...
// 返回结果
echo $results;
?>
在search.php文件中,你可以根据自己的需求来查询数据库或者其他方式获取提示结果。然后将结果返回给ajax请求,ajax会将结果显示在search-results容器中。
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站