Lavarel 프레임워크에서 Ajax를 사용하여 양식을 제출하는 방법

이번에는 Lavarel 프레임워크에서 Ajax를 사용하여 양식을 제출하는 방법을 보여 드리겠습니다. Lavarel 프레임워크에서 Ajax를 사용하여 양식을 제출할 때 주의 사항은 무엇입니까?

laravelIntroduction:

Laravel은 간단하고 우아한 PHP 웹 개발 프레임워크(PHP 웹 프레임워크)입니다. 누들과 같은 지저분한 코드에서 벗어날 수 있으며 완벽한 네트워크 앱을 구축하는 데 도움이 될 수 있으며 모든 코드 줄은 간결하고 표현력이 뛰어납니다. "개발"은 지루한 "베이스 코드"가 아닌 창의적인 정신 작업이어야 합니다.

바로 본론으로 들어가겠습니다. Laravel은 Cross-Site Attack을 방지하기 위해 Post Form으로 데이터를 제출할 때

를 추가해야 하므로 Ajax를 사용하여 Form을 제출할 때 추가하는 것이 당연합니다. {{csrf_field()}}

인터넷에서 많은 솔루션을 읽었습니다.

1. 먼저 템플릿에 메타를 추가합니다.

<meta name="_token" content="{{ csrf_token() }}"/>

2. Ajax 메서드에

headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
},

를 추가합니다. 메서드를 사용하면서 매우 유용한 jquery 함수인 $().serialize() 및 $().serializeArray()를 발견했습니다. 코드에서 후자를 사용하는데, 이는 양식의 데이터를 얻을 수 있고 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 그런 다음

controller 메서드에서 데이터를 가져옵니다. $req->양식 이름만 있으면 됩니다.

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";
  }

이후에는 메서드를 마스터했다고 믿습니다. 이 기사의 사례를 읽으십시오. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

페이지로 이동하기 위한 Ajax 게시물 요청 작동 방법

Ajax가 새 창을 열고 가로채는 경우 처리 방법

위 내용은 Lavarel 프레임워크에서 Ajax를 사용하여 양식을 제출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!