本文實例講述了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程序設計有所幫助。