在静态页面提交表单到数据库很简单就是单纯的
登录后复制
这个缺点是会刷新页面，会跳转页面的。今天给大家带来的技术就是ajax提交表单，优点是不刷新页面，不跳转页面，静默提交的。
首先我们得要有一个表单提交页面：
index.html
这个页面由两个部分组成
1、表单控件
2、jQuery+ajax处理脚本
jQuery脚本会获取form表单的数据，通过post的方式提交给api.php
login test function insert() { $.ajax({ type: "POST",//方法 url: "api.php" ,//表单接收url data: $('#form1').serialize(), success: function () { //提交成功的提示词或者其他反馈代码 var result=document.getElementById("success"); result.innerHTML="成功!"; }, error : function() { //提交失败的提示词或者其他反馈代码 var result=document.getElementById("success"); result.innerHTML="失败!"; } }); }
登录后复制
下面就是表单接收页面
api.php
该页面其实很简单
就是连接数据库
然后插入数据库
插入数据库的两个值为
title和url
登录后复制
然后我们需要建立好一个数据库
数据库名为test，表名为testdata
下面是数据库截图
到此，本次案例完成。
当然上面的代码只是简单的实现了ajax提交form表单
但是还有很多细节需要优化，例如表单验证，数据加密等，可以自己拓展学习，完善。
相关推荐：
Ajax提交Form表单页面仍会刷新j解决办法
js提交form表单,并传递参数的实现方法
js 提交form表单和设置form表单请求路径的实现方法
以上就是ajax提交form表单到数据库实例的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2786068.html
