양식을 제출 새로 고치지 않고 jquery_ajax 양식 데이터를 달성 laravel

1. 나는 그렇게 경험을 공유 여기에 약간의 실험을 백 엔드 프로그래머를했지만, 기술과 호기심을 추구 손실

정적 리소스 템플릿의 프론트 엔드에 1.1 (잊지 마세요 장소에 laravel으로 표시)

<! DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 선두 > 
    < 메타 캐릭터 = "UTF-8" > 
    < 메타 이름 = "뷰포트" 
          콘텐츠 = "폭 = 기기 폭, 사용자 확장 = NO 초기 스케일 = 1.0, 최대 스케일 = 1.0, 최소 크기 = 1.0 " > 
    < 메타 HTTP-당량 ="X-UA 호환 " 콘텐츠 ="즉 에지 = " > 
    < 타이틀 > 재활용 가능한 Ajax提交형태表单实验</ 타이틀 > 
    <= "https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js" > 
    </ 스크립트 > 
</ 머리 > 
< 몸 > 
< 폼 행동 = "" ID = "정보" > 
    @csrf 
    사용자 이름 : < 입력 유형 = "텍스트" 이름 = "사용자 이름" > < BR > 
    암호 : < 입력 유형 = "비밀 번호" 이름 = "암호" > < BR > 
    <버튼 타입 = "버튼" 의 onclick = "BTN ()" > 제출 </ 버튼 > 
</ 양식 > 
</ 몸 > 
< 스크립트 > 
    기능 BTN () { 
       $ 아약스 ({ 
           유형 : ' POST가 ' , // 제출 유형 
           dataType와 : ' JSON ' , // 데이터 형식의 
           URL을 : " URL {{( '테스트')}} " , // URL 제출 
           : ($ 데이터 " #info " ) .serialize를 (), // 시퀀스 데이터로 전송 될 수있다 
           성공 :기능 (RES) { // 성공 반환 정보가 RES 경우 
               을 console.log을 (RES) 
           } 
       }) 

    } 
</ 스크립트 > 
</ HTML >

2. 제어 코드

기능 지수 공개 (요청 요청 $) { 

          $ = 데이터 :: 만들기 사용자 ($ 요청 ->) '_ 토큰'(제외); // _token 데이터베이스를 제외하고 외부에 데이터를 추가 
          IF ($ 데이터) { 
              $ 정보 = [ '상태'=> 1 ','메시지 '=> 성공적으로 추가']; 
          }는 다른 { 
              $ 정보 = [ '상태'=> 0, '메시지'=> '추가 실패']; 
          } 
          $의 정보를 반환; // 반환 정보 : 여기에 laravel 프레임이 자동으로 데이터를 JSON으로 돌아갑니다 
    }

4. 자원

4.1 데이터베이스 코드 DDL

CREATE  TABLE ` 사용자 `( 
  `id` INT ( 5 ) NOT  NULL AUTO_INCREMENT, 
  `username` VARCHAR ( 15 ) CHARACTER  SET의 utf8mb4 부씩 인쇄 utf8mb4_0900_ai_ci의 DEFAULT의  NULL , 
  `password` VARCHAR ( 999 ) CHARACTER  SET의 utf8mb4 부씩 인쇄 utf8mb4_0900_ai_ci의 DEFAULT의  NULL ,
   PRIMARY  KEY ( `id`) 
) ENGINE = 이노 AUTO_INCREMENT = 80 DEFAULT CHARSET = utf8mb4 COLLATE = utf8mb4_0900_ai_ci;

모델 데이터베이스 파일에 4.2 대응

< ? php에 

네임 스페이스 앱 \ 모델; 

사용하기 를 분명히 \ 데이터베이스 \ 웅변 \ 모델; 

클래스 사용자는 모델 확장 
{ 
    // 
    공공 $의 테이블 = ' 사용자 ' ; 
    보호 $ 채울 = [ '이름', '비밀번호' ] ;
    공공 $는 타임 스탬프 = 거짓; 

}

데이터는 궁극적으로 테이블에 삽입 될 수있다