未加星标

Lavarel框架中使用ajax提交表单的方法

字体大小 | |
[前端(javascript) 所属分类 前端(javascript) | 发布者 店小二05 | 时间 | 作者 红领巾 ] 0人收藏点击收藏

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";
}

总结下:

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

本文前端(javascript)相关术语:javascript是什么意思 javascript下载 javascript权威指南 javascript基础教程 javascript 正则表达式 javascript设计模式 javascript高级程序设计 精通javascript javascript教程

主题: PHPWeb开发Laravel数据创造性美的
分页:12
转载请注明
本文标题:Lavarel框架中使用ajax提交表单的方法
本站链接:http://www.codesec.net/view/523683.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 前端(javascript) | 评论(0) | 阅读(24)