ajax提交form表单到数据库(无刷新)

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


这个缺点是会刷新页面,会跳转页面的。
今天给大家带来的技术就是ajax提交表单

优点是不刷新页面,不跳转页面,静默提交的。
至于什么是ajax,自己去百度了解。

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

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




    login test
    
    
    


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

然后我们需要建立好一个数据库
数据库名为test,表名为testdata

下面是数据库截图

图片描述

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

你可能感兴趣的:(javascript,php,ajax,表单提交)