快捷導(dǎo)航

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

更新時(shí)間：2016年12月23日 15:59:21 作者：yangchaojie

因?yàn)閘aravel以post形式提交數(shù)據(jù)時(shí)候需要加{{csrf_field()}}防止跨站攻擊,下面通過(guò)本文給大家分享lavarel框架中使用ajax提交表單的方法，一起看看吧

laravel簡(jiǎn)介：

Laravel是一套簡(jiǎn)潔、優(yōu)雅的PHP Web開發(fā)框架(PHP Web Framework)。它可以讓你從面條一樣雜亂的代碼中解脫出來(lái)；它可以幫你構(gòu)建一個(gè)完美的網(wǎng)絡(luò)APP，而且每行代碼都可以簡(jiǎn)潔、富于表達(dá)力?！伴_發(fā)”應(yīng)當(dāng)是一項(xiàng)富有創(chuàng)造性的腦力勞動(dòng)，而不是枯燥的“壘代碼“。

開門見山,因?yàn)閘aravel以post形式提交數(shù)據(jù)時(shí)候需要加{{csrf_field()}}防止跨站攻擊,所以當(dāng)你用ajax提交表單時(shí)候自然也要加。

在網(wǎng)上看了很多的解決方式,我是用下面這種方法解決的:

1,首先在模板里面加上一個(gè)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ù),并且能直接通過(guò)ajax傳輸,簡(jiǎn)直太神奇了!!!(孤陋寡聞讓大家見笑了)

$(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é)下:

我覺(jué)得我說(shuō)的每一步都是必須得!!!,我的回調(diào)函數(shù)里面寫的代碼是把表單里面獲得數(shù)據(jù)重新打印出來(lái)了,不需要的可以忽視掉,然后代碼將就看吧,一個(gè)php初學(xué)者奉上.

您可能感興趣的文章: