thinkPHP5中ajax提交表单操作
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了thinkPHP5中ajax提交表单操作,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1934字,纯文字阅读大概需要3分钟。
内容图文
![thinkPHP5中ajax提交表单操作](/upload/InfoBanner/zyjiaocheng/135/721318c46ca3402a88724e7b2e886f24.jpg)
本文实例讲述了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> <p id="content"> </p> </body> </html>
其实跟正常的ajax没什么区别,主要就是利用jquery的serialize()
方法序列化表单
中间遇到些麻烦就是还没熟悉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); } }
此外,常规的参数提交与处理方法如下:
表单提交传参:
<input type="hidden" name="project_name" value="$project_name"/>
在控制器中获取
$project_name=input("post.project_name");
php中跳转传参:
$this->success('新增项目成功',url("Version/index",array('project_name'=>$project_name))); die;
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
ThinkPHP下表单令牌错误与解决方法分析
在Thinkphp中使用ajax实现无刷新分页的方法
ThinkPHP和Ajax 实现二级联动的下拉菜单
以上就是thinkPHP5中ajax提交表单操作的详细内容,更多请关注Gxl网其它相关文章!
内容总结
以上是互联网集市为您收集整理的thinkPHP5中ajax提交表单操作全部内容,希望文章能够帮你解决thinkPHP5中ajax提交表单操作所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。