本文實例講述了ThinkPHP5框架基於ajax與後臺數據交互操作，ajax最大的一點是頁面無刷新，在頁面內與服務器通信，給用戶的體驗非常好。可以把以前一些服務器負擔的工作轉嫁到客戶端，利用客戶端閒置的能力來處理，減輕服務器和帶寬的負擔，節約空間和寬帶租用成本。並且減輕服務器的負擔，ajax的原則是“按需取數據”，可以最大程度的減少冗餘請求，和響應對服務器造成的負擔。
用ThinkPHP5開發企業微應用最需要注意的是ThinkPHP5與前臺之間數據傳遞和交互。今天的分享是用ThinkPHP5做一個表單的提交，將調試通過的代碼貼出，供需要的人蔘考。
前端代碼：
<!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);
}
}需要注意的地方：前臺的url、data的格式設置 後臺返回的信息的組織模式。
小編收集了很多實用的ThinkPHP開發實例https://www.sucaihuo.com/php/127-0-0-0
大家也可以看看