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

來源：懂視網責編：小采時間：2020-11-27 19:56:53

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

在Lavarel框架中ajax需要怎么提交表單:這次給大家帶來在Lavarel框架中ajax需要怎么提交表單，在Lavarel框架中ajax提交表單的注意事項有哪些，下面就是實戰案例，一起來看一下。laravel簡介：Laravel是一套簡潔、優雅的PHP Web開發框架(PHP Web Framework)。它可以讓你從面條一樣雜亂的

推薦度：

點擊下載本文 文檔為doc格式

導讀在Lavarel框架中ajax需要怎么提交表單:這次給大家帶來在Lavarel框架中ajax需要怎么提交表單，在Lavarel框架中ajax提交表單的注意事項有哪些，下面就是實戰案例，一起來看一下。laravel簡介：Laravel是一套簡潔、優雅的PHP Web開發框架(PHP Web Framework)。它可以讓你從面條一樣雜亂的

這次給大家帶來在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";
 }

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

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

推薦度：

點擊下載本文 文檔為doc格式

標簽：提交怎么 ajax

熱門焦點

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

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

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

最新推薦

猜你喜歡

熱門推薦