thinkPHP5框架中怎么利用ajax與后臺(tái)數(shù)據(jù)交互

發(fā)布時(shí)間：2021-06-11 14:16:23 來(lái)源：億速云閱讀：151 作者：Leah 欄目：開(kāi)發(fā)技術(shù)

thinkPHP5框架中怎么利用ajax與后臺(tái)數(shù)據(jù)交互？很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

前端代碼

<!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() 方法通過(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);
  }
}

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注億速云行業(yè)資訊頻道，感謝您對(duì)億速云的支持。

向AI問(wèn)一下細(xì)節(jié)

thinkPHP5框架中怎么利用ajax與后臺(tái)數(shù)據(jù)交互

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽