在静态页面提交表单到数据库很简单就是单纯的

<form action="test.php" method="post"></form>

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

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

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

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

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

index.html

这个页面由两个部分组成1、表单控件2、jQuery+ajax处理脚本jQuery脚本会获取form表单的数据，通过post的方式提交给api.php

下面就是表单接收页面

api.php该页面其实很简单就是连接数据库然后插入数据库插入数据库的两个值为title和url

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

数据库名为test，表名为testdata

下面是数据库截图

到此，本次案例完成。

当然上面的代码只是简单的实现了ajax提交form表单但是还有很多细节需要优化，例如表单验证，数据加密等，可以自己拓展学习，完善。本文由里客云资源站原创：转载请附上原链接，加入技术交流群请加微信:likeyunba520