当前位置：首页 > 资讯 > 技术文档

thinkPHP5 ajax提交表单操作实例分析

时间：2022-01-07 16:57 编辑：来源：阅读：
扫一扫，手机访问

摘要：thinkPHP5 ajax提交表单操作实例分析

本文实例讲述了thinkPHP5 ajax提交表单操作。分享给大家供大家参考，具体如下：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title></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/test')}",
          data:formData,//这里data传递过去的是序列化以后的字符串
          success:function(data){
            $("#content").append(data);//获取成功以后输出返回值
          }
        });
      }
    </script>
  </head>
  <body>
    <form id="myform"><!--这里给表单起个id用于获取表单并序列化-->
      <input type="text" name="mess" />
      <input type="text" name="id" />
      <button onclick="ajaxPost()">---------</button>
    </form>
    <div id="content">
    </div>
  </body>
</html>

其实跟正常的ajax没什么区别，主要就是利用jquery的[code]serialize()[/code]方法序列化表单中间遇到些麻烦就是还没熟悉thinkphp5框架，之前一直用的3.2.3还没来得及，俩版本差别还是有的一个是$_POST不能用了还有就是原来ajax的url可以使用框架的U方法没了具体看了看think下的助手函数发现是url 下边是随便写了个方法用于返回json数据

public function test($mess,$id){
    if($mess == '123'){
      return json("ajax成功！".$mess."---".$id);
    }else{
      return json("你输出的是其他值：".$mess."---".$id);
    }
}

此外，常规的参数提交与处理方法如下： [b]表单提交传参：[/b]

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

在控制器中获取

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

[b]php中跳转传参：[/b]

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

更多关于thinkPHP相关内容感兴趣的读者可查看本站专题：《[url=http://www.1sucai.cn/Special/39.htm]ThinkPHP入门教程[/url]》、《[url=http://www.1sucai.cn/Special/853.htm]thinkPHP模板操作技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/129.htm]ThinkPHP常用方法总结[/url]》、《[url=http://www.1sucai.cn/Special/32.htm]codeigniter入门教程[/url]》、《[url=http://www.1sucai.cn/Special/445.htm]CI(CodeIgniter)框架进阶教程[/url]》、《[url=http://www.1sucai.cn/Special/546.htm]Zend FrameWork框架入门教程[/url]》及《[url=http://www.1sucai.cn/Special/350.htm]PHP模板技术总结[/url]》。希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

全部评论(0)

上一篇：php笔记之：文章中图片处理的使用
下一篇：thinkphp框架实现数据添加和显示功能

资讯排行榜
更多>>