利用ajax提交form表单到数据库详解(无刷新)

admin2022-07-26  130

大家应该都知道,在静态页面提交表单到数据库很简单就是单纯的

这个缺点是会刷新页面,会跳转页面的。

今天给大家带来的技术就是ajax提交表单

优点是不刷新页面,不跳转页面,静默提交的。

至于什么是ajax,自己去百度了解。

首先我们得要有一个表单提交页面:

index.html

这个页面由两个部分组成

1、表单控件

2、jQuery+ajax处理脚本

jQuery脚本会获取form表单的数据,通过post的方式提交给api.php




 login test
 
 
 


下面就是表单接收页面

api.php

该页面其实很简单

就是连接数据库

然后插入数据库

插入数据库的两个值为

title和url


然后我们需要建立好一个数据库

数据库名为test,表名为testdata

下面是数据库截图

利用ajax提交form表单到数据库详解(无刷新),第1张

到此,本次案例完成。

当然上面的代码只是简单的实现了ajax提交form表单

但是还有很多细节需要优化,例如表单验证,数据加密等,可以自己拓展学习,完善。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对脚本之家的支持。

文章来源:https://www.jb51.net/article/135143.htm

转载请注明原文地址:https://en.jsonjs.com/read-154239.html

New Post(0)