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

因為laravel以post形式提交資料時候需要加{{csrf_field()}}防止跨站攻擊,下面透過本文給大家分享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();
          $(&#39;.basicShow span&#39;).html(data[1].value+&#39; | &#39;+data[2].value+&#39; | &#39;+data[3].value+&#39; | &#39;+data[4].value+&#39;<br>&#39;+data[5].value+&#39; | &#39;+data[6].value+&#39; | &#39;+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提交參數的值中帶有html標籤不能提交成功的解決方案

Ajax post請求跳轉頁面

Ajax開啟新視窗被瀏覽器攔截的兩個解決方案

##

以上是Lavarel框架中使用ajax提交表單的方法_AJAX相關的詳細內容。更多資訊請關注PHP中文網其他相關文章！