本文實例講述了TP5(thinkPHP5)框架基于ajax與后臺數據交互操作。分享給大家供大家參考，具體如下：
Ajax最大的一點是頁面無刷新，在頁面內與服務器通信，給用戶的體驗非常好。可以把以前一些服務器負擔的工作轉嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務器和帶寬的負擔，節約空間和寬帶租用成本。并且減輕服務器的負擔，ajax的原則是“按需取數據”，可以最大程度的減少冗余請求，和響應對服務器造成的負擔。
最近在用tp5開發企業微應用，很有收獲，覺得最需要注意的是thinkphp5與前臺之間數據傳遞和交互。經過幾天的摸索，將調試通過的代碼貼出，供需要的人參考。今天的分享是用TP5做一個表單的提交。
前端代碼
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ajax交互</title> <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script> <script> function ajaxPost(){ var formData = $("#myform").serialize(); //serialize() 方法通過序列化表單值，創建 URL 編碼文本字符串,這個是jquery提供的方法 $.ajax({ type:"post", url:"{:url('Index/index/reg')}", //數據傳輸的控制器方法 data:formData,//這里data傳遞過去的是序列化以后的字符串 success:function(data){ $("#content").append(data);//獲取成功以后輸出返回值 } }); } </script> </head> <body> <form id="myform"> <!--這里給表單起個id用于獲取表單并序列化--> <input type="text" name="account" /> <input type="password" name="passwd" /> <button onclick="ajaxPost()">---------</button> </form> <div id="content"> </div> </body></html>后端代碼：
public function reg($account,$passwd){ if($account == '123'){ return json("ajax成功！".$account."---".$passwd); }else{ return json("你輸出的是其他值：".$account."---".$passwd); }}Tp5有很多的更新，所以，代碼不多，但絕對是精華。 需要注意的地方：前臺的url、data的格式設置 后臺返回的信息的組織模式。
希望本文所述對大家基于ThinkPHP框架的PHP程序設計有所幫助。
新聞熱點
疑難解答
圖片精選
