如下圖:當我們點擊搜索時,跳轉到當前頁面並刷新table內容
可以這樣來做:
<script>
$('.searchA').click(function () {
var product_name = $('.product_name').val()
var role_name = $('.role_name').val();
window.location.href="userlist"+"&product_name="+product_name+"&role_name="+role_name;
})
</script>
帶上搜索時的參數即可。當跳轉到後臺後自動按條件去搜索內容,然後輸出table中不一樣的數據。
後臺代碼:
public function userList()
{
// print_r(request()->param());
$product_name = request()->param()['product_name']??'';
$role_name = request()->param()['role_name']??'';
$user_info = db('user')->alias('u')
->join('role r','u.role_id=r.id')
->field('u.id, u.name,u.phone,u.email,u.remarks,u.create_time,r.name as role_name')
->order('u.id aec');
if(!empty($product_name)){
$user_info = $user_info->where('u.name','like','%'.$product_name.'%');
}
if(!empty($role_name)){
$user_info = $user_info->where('u.role_id',$role_name);
}
$user_info = $user_info->where(['u.is_del'=>0])
->paginate(10);
$role_info = db('role')
->field('id, name')
->where(['is_del'=>0])
->select();
$this->assign('role_info', $role_info);
$this->assign('user_info', $user_info);
return view('user/userlist');
}