您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

在Lavarel框架中ajax需要怎么提交表单

2024/4/21 22:32:15发布17次查看
这次给大家带来在lavarel框架中ajax需要怎么提交表单,在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',$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怎么操作post请求跳转页面
ajax打开新窗口被拦截时如何处理
以上就是在lavarel框架中ajax需要怎么提交表单的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product