作者:Xiao兔兔乖乖 | 来源:互联网 | 2023-01-27 16:27
web前端|js教程Lavarel,ajax,提交web前端-js教程因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,下面通过本文给
web前端|js教程
Lavarel,ajax,提交
web前端-js教程
因为laravel以post形式提交数据时候需要加{{csrf_field()}}防止跨站攻击,下面通过本文给大家分享lavarel框架中使用ajax提交表单的方法,一起看看吧
list sort源码,vscode能写c语言程序吗,ubuntu提取code,阿里云下载tomcat,python暴力爬虫,php获取真实ip地址,越秀seo关键词优化价格,欧美汽车网站模板lzw
laravel简介:nutch源码,vscode 比较idea,ubuntu mdev,tomcat jmx账号,sqlite3数据导出,插件数据库ecshop,好用的h5前端框架,关于爬虫技术的探讨书,js 调用php变量,会影响seo吗,帝国cms 制作网站地图,简单网页招聘模板源码,h5微信网站模板下载lzw
Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来;它可以帮你构建一个完美的网络APP,而且每行代码都可以简洁、富于表达力。“开发”应当是一项富有创造性的脑力劳动,而不是枯燥的“垒代码“。
网页聊天机器人源码,微软为什么开发vscode,ubuntu合理分区,tomcat限制访问ip,apache开源爬虫,php 输出日历,东莞站外seo优化方法,网站源码上传视频,wordpress归档页面模板lzw
开门见山,因为laravel以post形式提交数据时候需要加
{{csrf_field()}}
防止跨站攻击,所以当你用ajax提交表单时候自然也要加。
在网上看了很多的解决方式,我是用下面这种方法解决的:
1,首先在模板里面加上一个meta :
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+'
'+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',$uid)->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"; }
上面是我整理给大家的,希望今后会对大家有帮助。
相关文章:
Ajax提交参数的值中带有html标签不能提交成功的解决办法
Ajax post请求跳转页面
Ajax打开新窗口被浏览器拦截的两种解决办法