php 使用实时结果查看Laravel搜索文件:https://www.cloudways.com/blog/live-search-laravel-ajax/
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php 使用实时结果查看Laravel搜索文件:https://www.cloudways.com/blog/live-search-laravel-ajax/相关的知识,希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta name="_token" content="{{ csrf_token() }}">
<title>Live Search</title>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="panel panel-default">
<div class="panel-heading">
<h3>Products info </h3>
</div>
<div class="panel-body">
<div class="form-group">
<input type="text" class="form-controller" id="search" name="search"></input>
</div>
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>ID</th>
<th>Product Name</th>
<th>Description</th>
<th>Price</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
<script type="text/javascript">
$('#search').on('keyup',function(){
$value=$(this).val();
$.ajax({
type : 'get',
url : '{{URL::to('search')}}',
data:{'search':$value},
success:function(data){
$('tbody').html(data);
}
});
})
</script>
<script type="text/javascript">
$.ajaxSetup({ headers: { 'csrftoken' : '{{ csrf_token() }}' } });
</script>
</body>
</html>
以上是关于php 使用实时结果查看Laravel搜索文件:https://www.cloudways.com/blog/live-search-laravel-ajax/的主要内容,如果未能解决你的问题,请参考以下文章
实时搜索在结果中添加 href
具有多个模型的 Laravel ajax 实时搜索查询
实时搜索结果显示在新页面上
使用 XML 进行实时搜索。错还是对?
PHP 实例 - AJAX 实时搜索
PHP 实例 - AJAX 实时搜索