资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划，从策略到执行的一站式服务

网站建设 >

查看其它板块

怎么使用laravel和ajax实现整个页面无刷新-创新互联

这篇文章给大家分享的是有关怎么使用laravel和ajax实现整个页面无刷新的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

成都创新互联公司秉承实现全网价值营销的理念，以专业定制企业官网，做网站、网站制作，微信小程序，网页设计制作，手机网站开发，成都全网营销帮助传统企业实现“互联网+”转型升级专业定制企业官网,公司注重人才、技术和管理，汇聚了一批优秀的互联网技术人才,对客户都以感恩的心态奉献自己的专业和所长。

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 }}" @if("{{ $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 }}条数据
   
      

效果：

怎么使用laravel和ajax实现整个页面无刷新

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实现整个页面无刷新

Laravel 是什么

Laravel 是一套简洁、优雅的PHP Web开发框架。它可以让你从面条一样杂乱的代码中解脱出来；它可以帮你构建一个完美的网络APP，而且每行代码都可以简洁、富于表达力。

感谢各位的阅读！关于“怎么使用laravel和ajax实现整个页面无刷新”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！


网站名称：怎么使用laravel和ajax实现整个页面无刷新-创新互联
标题链接：http://cdkjz.cn/article/dpoppp.html
返回首页 了解更多建站资讯

相关资讯

多年建站经验

多一份参考，总有益处

联系快上网，免费获得专属《策划方案》及报价

咨询相关问题或预约面谈，可以通过以下方式与我们联系

大客户专线   成都：13518219792   座机：028-86922220

在线咨询 提交需求
友情链接 交换友情链接
成都展柜制作重庆服务器托管简阳网站建设成都托管服务器成都全屋定制手提袋印刷制作新都网站建设成都全网营销蓬溪网站建设成都网站建设推广

成都网站建设公司地址：成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220

成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.

专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网！ | 成都网站建设哪家好？ | 网站建设地图