快捷導(dǎo)航

TP5(thinkPHP5)框架基于ajax與后臺(tái)數(shù)據(jù)交互操作簡(jiǎn)單示例

更新時(shí)間：2018年09月03日 11:26:08 作者：zz_lkw

這篇文章主要介紹了TP5(thinkPHP5)框架基于ajax與后臺(tái)數(shù)據(jù)交互操作,結(jié)合實(shí)例形式分析了thinkPHP5前端基于jQuery的ajax數(shù)據(jù)提交及后臺(tái)數(shù)據(jù)接收、處理相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了TP5(thinkPHP5)框架基于ajax與后臺(tái)數(shù)據(jù)交互操作。分享給大家供大家參考，具體如下：

Ajax最大的一點(diǎn)是頁(yè)面無(wú)刷新，在頁(yè)面內(nèi)與服務(wù)器通信，給用戶的體驗(yàn)非常好?？梢园岩郧耙恍┓?wù)器負(fù)擔(dān)的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來(lái)處理，減輕服務(wù)器和帶寬的負(fù)擔(dān)，節(jié)約空間和寬帶租用成本。并且減輕服務(wù)器的負(fù)擔(dān)，ajax的原則是“按需取數(shù)據(jù)”，可以最大程度的減少冗余請(qǐng)求，和響應(yīng)對(duì)服務(wù)器造成的負(fù)擔(dān)。

最近在用tp5開(kāi)發(fā)企業(yè)微應(yīng)用，很有收獲，覺(jué)得最需要注意的是thinkphp5與前臺(tái)之間數(shù)據(jù)傳遞和交互。經(jīng)過(guò)幾天的摸索，將調(diào)試通過(guò)的代碼貼出，供需要的人參考。今天的分享是用TP5做一個(gè)表單的提交。

前端代碼

<!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() 方法通過(guò)序列化表單值，創(chuàng)建 URL 編碼文本字符串,這個(gè)是jquery提供的方法
    $.ajax({
     type:"post",
     url:"{:url('Index/index/reg')}",  //數(shù)據(jù)傳輸?shù)目刂破鞣椒?
     data:formData,//這里data傳遞過(guò)去的是序列化以后的字符串
     success:function(data){
      $("#content").append(data);//獲取成功以后輸出返回值
     }
    });
   }
  </script>
 </head>
 <body>
  <form id="myform">
   <!--這里給表單起個(gè)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有很多的更新，所以，代碼不多，但絕對(duì)是精華。需要注意的地方：前臺(tái)的url、data的格式設(shè)置后臺(tái)返回的信息的組織模式。

更多關(guān)于thinkPHP相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《ThinkPHP入門教程》、《thinkPHP模板操作技巧總結(jié)》、《ThinkPHP常用方法總結(jié)》、《codeigniter入門教程》、《CI(CodeIgniter)框架進(jìn)階教程》、《Zend FrameWork框架入門教程》及《PHP模板技術(shù)總結(jié)》。

希望本文所述對(duì)大家基于ThinkPHP框架的PHP程序設(shè)計(jì)有所幫助。

您可能感興趣的文章: