thinkPHP5 ajax提交表单操作实例

thinkPHP5 ajax提交表单

TP框架是目前国内比较流行的PHP开发框架之一，菠菜园之前一直在用原生的PHP去写，只是近段时间接触了物联网之后开始尝试学习用think PHP5来搭建硬件的数据平台。在后期的教程中，菠菜园也会分享一些简单的例子。如果你是一个刚刚入门的朋友，那么不妨跟菠菜园一起来学习吧。

今天的分享是用TP5做一个表单的提交。

前端网页部分源码：

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.     <meta charset="UTF-8">
  5.     <title></title>
  6.     <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
  7.     <script>
  8.       function ajaxPost(){
  9.         var formData = $("#myform").serialize();
  10.         //serialize() 方法通过序列化表单值，创建 URL 编码文本字符串,这个是jquery提供的方法
  11.         $.ajax({
  12.           type:"post",
  13.           url:"{:url('Index/index/reg')}",   //数据传输的控制器方法
  14.           data:formData,//这里data传递过去的是序列化以后的字符串
  15.           success:function(data){
  16.             $("#content").append(data);//获取成功以后输出返回值
  17.           }
  18.         });
  19.       }
  20.     </script>
  21.   </head>
  22.   <body>
  23.     <form id="myform">
  24.      <!--这里给表单起个id用于获取表单并序列化-->
  25.       <input type="text" name="account" />
  26.       <input type="password" name="passwd" />
  27.       <button onclick="ajaxPost()">---------</button>
  28.     </form>
  29.     <div id="content">
  30.     </div>
  31.   </body>
  32. </html>

上面就是一个很普通的Ajax请求提交。下面是一个简单的reg()方法用于根据收到的数据进行处理。

  1. public function reg($account,$passwd){
  2.     if($account == '123'){
  3.       return json("ajax成功！".$account."---".$passwd);
  4.     }else{
  5.       return json("你输出的是其他值：".$account."---".$passwd);
  6.     }
  7. }

网页前端表单参数示例：

  1. <input type="hidden" name="project_name" value="$project_name"/>

后端控制器获取参数变量示例：

  1. $project_name=input("post.project_name");

PHP页面跳转示例：

  1. $this->success('新增项目成功',url("Version/index",array('project_name'=>$project_name)));

 

你想把广告放到这里吗？

发表评论

您必须 登录 才能发表留言！