主頁(yè) > 知識(shí)庫(kù) > Lavarel框架中使用ajax提交表單的方法

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

熱門標(biāo)簽:河間市地圖標(biāo)注app 上海企業(yè)外呼系統(tǒng)價(jià)錢 中國(guó)地圖標(biāo)注不明確情況介紹表 電銷機(jī)器人 長(zhǎng)春 大眾點(diǎn)評(píng)400電話怎么申請(qǐng) 東平縣地圖標(biāo)注app 怎樣在地圖標(biāo)注文字 立陶宛地圖標(biāo)注 地圖標(biāo)注推銷坑人

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ù),并且能直接通過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é)下:

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

您可能感興趣的文章:
  • jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
  • Yii2.0 模態(tài)彈出框+ajax提交表單
  • jQuery實(shí)現(xiàn)form表單基于ajax無(wú)刷新提交方法詳解
  • Jquery中ajax提交表單幾種方法(get、post兩種方法)
  • jquery validate和jquery form 插件組合實(shí)現(xiàn)驗(yàn)證表單后AJAX提交
  • jquery ajax 如何向jsp提交表單數(shù)據(jù)

標(biāo)簽:四川 營(yíng)口 益陽(yáng) 本溪 銅川 玉樹 遼寧 內(nèi)江

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《Lavarel框架中使用ajax提交表單的方法》,本文關(guān)鍵詞  Lavarel,框架,中,使用,ajax,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《Lavarel框架中使用ajax提交表單的方法》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于Lavarel框架中使用ajax提交表單的方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章