• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

Lavarel框架中使用ajax提交表单实例分享

php 搞代码 3年前 (2022-01-22) 13次浏览 已收录 0个评论

因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,本文主要给大家分享lavarel框架中使用ajax提交表单的方法,一起看看吧,希望能帮助到大家。

laravel简介:

Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁、富于表达力。“开发”应当是一项富有创造性的脑力劳动,而不是枯燥的“垒代码“。

开门见山,因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,所以当你用ajax提交表单时候自然也要加。

在网上看了很多的解决方式,我是用下面这种方法解决的:

1,首先在模板里面加上一个meta :

<meta name="_token" content="{{ csrf_token() }}"/>

2,然后在ajax方法里面加

headers: {'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')},

这是ajax的方法,发现了很好用的jquery的函数,$().serialize()和$().serializeArray(),代码中我用的是后者,可以获取form表单中的数据,并且能直接通过ajax传输,简直太神奇了!!!(孤陋寡闻让大家见笑了)

$(form[1]).submit(function(event){    var data = $(form[1]).serializeArray();    // console.log(data);    $.ajax({      type:'post',      url:'/basic',      data:data,      headers: {  'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')},      success:function(msg){        if (msg) {          $('.basicEdit').hide();          $('.basicShow').show();          $('.basicShow span').html(data[1].value+' | '+data[2].value+' | '+data[3].value+' | '+data[4].value+'<br>'+data[5].value+' | '+data[6].value+' | '+data[7].value);        }      },    });    // event.preventDefault();    return false;  });

3然后在控制器方法中获取数据了,直接$req->你的表单name就行了.

public function basic(Request $req){   // return $req->gender;   $uid = Auth::user()->uid;   // return $uid;   // $inf = new \App\Info;   $inf = Info::where('uid',$u<i>本文@来#源gaodai$ma#com搞$$代**码网</i><strong>搞代gaodaima码</strong>id)->first();   // return $inf;   $inf->name = $req->name;   $inf->gender = $req->gender;   $inf->topDegre = $req->topDegre;   $inf->workyear = $req->workyear;   $inf->tel = $req->tel;   $inf->email = $req->email;   return $inf->save()?"ok":"fail";  }

总结下:

我觉得我说的每一步都是必须得!!!,我的回调函数里面写的代码是把表单里面获得数据重新打印出来了,不需要的可以忽视掉,然后代码将就看吧,一个php初学者奉上。

相关推荐:

Ajax提交表单页面刷新很快实例讲解

实例详解jQuery Validator验证Ajax提交表单的方法和Ajax传参的方法

jquery实现ajax提交表单的两种方法

以上就是Lavarel框架中使用ajax提交表单实例分享的详细内容,更多请关注搞代码gaodaima其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Lavarel框架中使用ajax提交表单实例分享

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址