本文實例講述了TP5(thinkPHP5)框架基于ajax與后臺數(shù)據(jù)交互操作。分享給大家供大家參考，具體如下：
Ajax最大的一點是頁面無刷新，在頁面內(nèi)與服務(wù)器通信，給用戶的體驗非常好?？梢园岩郧耙恍┓?wù)器負擔(dān)的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務(wù)器和帶寬的負擔(dān)，節(jié)約空間和寬帶租用成本。并且減輕服務(wù)器的負擔(dān)，ajax的原則是“按需取數(shù)據(jù)”，可以最大程度的減少冗余請求，和響應(yīng)對服務(wù)器造成的負擔(dān)。
最近在用tp5開發(fā)企業(yè)微應(yīng)用，很有收獲，覺得最需要注意的是thinkphp5與前臺之間數(shù)據(jù)傳遞和交互。經(jīng)過幾天的摸索，將調(diào)試通過的代碼貼出，供需要的人參考。今天的分享是用TP5做一個表單的提交。
前端代碼
!DOCTYPE html>
html>
head>
meta charset="UTF-8">
title>ajax交互/title>
script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js">/script>
script>
function ajaxPost(){
var formData = $("#myform").serialize();
//serialize() 方法通過序列化表單值，創(chuàng)建 URL 編碼文本字符串,這個是jquery提供的方法
$.ajax({
type:"post",
url:"{:url('Index/index/reg')}", //數(shù)據(jù)傳輸?shù)目刂破鞣椒?
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的格式設(shè)置 后臺返回的信息的組織模式。
更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。
希望本文所述對大家基于ThinkPHP框架的PHP程序設(shè)計有所幫助。
您可能感興趣的文章:- thinkphp5 + ajax 使用formdata提交數(shù)據(jù)（包括文件上傳） 后臺返回json完整實例
- TP5(thinkPHP5)框架使用ajax實現(xiàn)與后臺數(shù)據(jù)交互的方法小結(jié)
- ThinkPHP5.1+Ajax實現(xiàn)的無刷新分頁功能示例
- ThinkPHP5 通過ajax插入圖片并實時顯示(完整代碼)
- Thinkphp5框架ajax接口實現(xiàn)方法分析
- thinkPHP+mysql+ajax實現(xiàn)的仿百度一下即時搜索效果詳解
- ThinkPHP框架結(jié)合Ajax實現(xiàn)用戶名校驗功能示例
- thinkPHP利用ajax異步上傳圖片并顯示、刪除的示例
- ThinkPHP 5 AJAX跨域請求頭設(shè)置實現(xiàn)過程解析
