JQuery&TP5-Ajax傳表單資料到thinkphp5完成資料入庫例項

大家好，我是Yangrl;
今天小長假第一天，下午吃雞，大吉大利！意識和槍法的完美結合催生出的怪物——ID:Yangrl.
（在朋友面前隨隨便便秀了個滅隊，很舒服。）
咳咳，少說廢話。昨天的Ajax初體驗說了這幾天在做一個線上報名系統，今天總結一下。（簡單總結，請自行拓展延伸）↓

後臺：php框架-Thinkphp5；

首先一個簡單表單驗證&&jquery.Ajax部分：

<script type="text/javascript">
  $(document).ready(function
 
(){
    $("#add").click(function(){
      var user = $("#realname").val();
     // var username = ^[\u4e00-\u9fa5]{0,}$;
      if (user.length == 0) {
        alert("請輸入您的姓名！");
        return false;
      } 

      var tel=$("#tel").val();
      var telcheck=/^[1]{1}[0-9]{10}/;
      if (tel.length == 0) {
        alert("填好電話號碼我們才能更快聯絡你哦~"
 
);
        return false;
      } else if (!telcheck.test(tel)) {
        alert("請填寫真實手機號碼");
        return false;
      }
      var formData = $("#form1").serialize();//重點
      $.ajax({
        type:"POST",
        url:"{:url('signup/save')}",//index模組下signup類中的save方法，用來接受資料進行驗證並傳入model層進行儲存。
        data:formData,
        dataType:"json"
 
,
        success:function(data) {
          alert("報名成功！");
          $("#form1 input").val("");//成功入庫後清空表單中文字框的值，方便再次填寫。
        },
        error:function(jqXHR) {
          alert("報名失敗，錯誤：" + jqXHR.status);
        },
      });
    });
  });
</script>

其他我就不貼出來了(對不起，程式碼太垃圾，自卑。)，不用給表單傳遞方法，傳遞地址這些，只要給表單一個id就行了。

提交按鈕設定type為button，是因為ajax返回請求的時候狀態出現了200還是0錯誤？不讓他立即跳轉。在這邊不深究。後面會單獨總結ajax返回請求錯誤集錦。

然後是thinkphp部分：

public function save()
    {

        $data = input('post.');//獲取值

        $validate = validate('Signup');//利用tp驗證器進行驗資料驗證

        if (!$validate->scene('add')->check($data)) {
           $this->error($validate->getError());
        }

        $res = $this->obj->add($data);//驗證成功後的資料傳入model層入庫操作
        if ($res) {
            return json($data);//我隨便寫，響應給前端
        }else {
            return json($data);
        }
    }

就是成功以後把結果返回給前端進行響應，我只是簡單寫了直接return json()；大家看個效果。(懶癌發作)。

result:

Have a good time~
end.

“承認代價，比較權衡，不問是非，只爭高下。”