1、數據庫文件

CREATE TABLE IF NOT EXISTS mr_key

(

id int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT COMMENT '鍵id',

project_id int(11) NOT NULL COMMENT '外鍵項目id',

name varchar(100) NOT NULL COMMENT '鍵名',

structure enum('string', 'hash', 'list', 'set', 'zset') COMMENT '數據結構',

ttl varchar(50) NOT NULL COMMENT '過期時間',

user varchar(20) NOT NULL COMMENT '使用者',

reason varchar(255) NOT NULL COMMENT '使用原因',

created_time int(11) NOT NULL COMMENT '創建時間',

isDelete int(2) NOT NULL DEFAULT '0' COMMENT '是否刪除(0=不刪除，1=刪除)'

)ENGINE=innodb DEFAULT CHARSET=utf8 COMMENT='鍵表';

2、首頁的內容

@include('layout.nav')

@include('layout.slide')

請選擇城市

@foreach ($projects as $project)

id }}" == "{{ $project_id }}")selected="selected"@endif >{{ $project->name }}

@endforeach

id鍵名數據結構過期時間使用者使用原因操作

@foreach ($keys as $key)

{{ $key->id }}{{ $key->name }}{{ $key->structure }}{{ date("Y-m-d H:i:s", ($key->ttl + $key->created_time)) }}{{ $key->user }}{{ $key->reason }}修改 刪除

@endforeach

{{ $keys->render() }}

共{{ $count }}條數據

效果：

3、使用ajax：給選擇框加上change事件，觸發時，到KeyController下的klist方法，并傳入project_id，在klist方法中進行處理，獲取數據傳出來，將整個頁面的body的內容全都改變。

$('#project').change(function() {

$.post("{{ url('key/klist') }}/"+$('#project').val(), // 路由為Route::any('/key/klist/{project_id}')

{'_token': '{{ csrf_token() }}'}, function(data) {

$('#body').html(data);

});

});

4、klist的方法：判斷傳入的project_id為0的話，就獲取全部數據，不為0，則獲取外鍵==project_id的key的值，將整個頁面都傳出去

public function klist($project_id)

{

if($project_id == 0) {

$projects = Project::all();

$keys = Key::orderBy('created_time', 'desc')->paginate(8);

$count = Key::count();

$project_id = 0;

return view('key.index', compact('project_id', 'projects','keys', 'count'));

}

$projects = Project::all();

$keys = Project::find($project_id)->key()->paginate(8);

$count = Project::find($project_id)->key->count();

return view('key.index', compact('project_id' ,'projects', 'keys', 'count'));

}

5、實現：當下拉框改變時，內容改變并未刷新

以上這篇使用laravel和ajax實現整個頁面無刷新的操作方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

總結

以上是生活随笔為你收集整理的php无刷新实现页面更新,使用laravel和ajax实现整个页面无刷新的操作方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。