Lavarel框架中使用ajax提交表單的方法
laravel簡介:
Laravel是一套簡潔、優(yōu)雅的PHP Web開發(fā)框架(PHP Web Framework)。它可以讓你從面條一樣雜亂的代碼中解脫出來;它可以幫你構(gòu)建一個完美的網(wǎng)絡(luò)APP,而且每行代碼都可以簡潔、富于表達(dá)力。“開發(fā)”應(yīng)當(dāng)是一項(xiàng)富有創(chuàng)造性的腦力勞動,而不是枯燥的“壘代碼“。
開門見山,因?yàn)閘aravel以post形式提交數(shù)據(jù)時候需要加{{csrf_field()}}防止跨站攻擊,所以當(dāng)你用ajax提交表單時候自然也要加。
在網(wǎng)上看了很多的解決方式,我是用下面這種方法解決的:
1,首先在模板里面加上一個meta :
<meta name="_token" content="{{ csrf_token() }}"/>
2,然后在ajax方法里面加
headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
},
這是ajax的方法,發(fā)現(xiàn)了很好用的jquery的函數(shù),$().serialize()和$().serializeArray(),代碼中我用的是后者,可以獲取form表單中的數(shù)據(jù),并且能直接通過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然后在控制器方法中獲取數(shù)據(jù)了,直接$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";
}
總結(jié)下:
我覺得我說的每一步都是必須得!!!,我的回調(diào)函數(shù)里面寫的代碼是把表單里面獲得數(shù)據(jù)重新打印出來了,不需要的可以忽視掉,然后代碼將就看吧,一個php初學(xué)者奉上.
相關(guān)文章
解決spring mvc 返回json數(shù)據(jù)到ajax報(bào)錯parseerror問題
最近使用ajax接收spring mvc傳過來的json數(shù)據(jù)時總是出現(xiàn)parseerror的錯誤,下面通過本文給大家分享spring mvc 返回json數(shù)據(jù)到ajax報(bào)錯parseerror問題的解決方法,需要的朋友參考下吧2017-05-05
jQuery AJAX中readyState與status的區(qū)別與聯(lián)系
這篇文章主要介紹了 jQuery AJAX中readyState與status的區(qū)別與聯(lián)系,非常不錯,具有參考借鑒價(jià)值,需要的朋友可以參考下2017-03-03
Spring MVC前端與后端5種ajax交互方法【總結(jié)】
下面小編就為大家?guī)硪黄猄pring MVC前端與后端5種ajax交互方法【總結(jié)】。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03
Ajax實(shí)現(xiàn)文件上傳功能(Spring MVC)
這篇文章主要為大家詳細(xì)介紹了Ajax實(shí)現(xiàn)文件上傳功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02
實(shí)現(xiàn)AJAX異步調(diào)用和局部刷新的基本步驟
AJAX?可以在不重新加載整個網(wǎng)頁的情況下,與服務(wù)器交換數(shù)據(jù),并且更新部分網(wǎng)頁,下面這篇文章主要給大家介紹了關(guān)于實(shí)現(xiàn)AJAX異步調(diào)用和局部刷新的基本步驟,需要的朋友可以參考下2022-03-03
關(guān)于ajax網(wǎng)絡(luò)請求的封裝實(shí)例
下面小編就為大家?guī)硪黄P(guān)于ajax網(wǎng)絡(luò)請求的封裝實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07

