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 实时搜索