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

这篇文章主要给大家介绍了关于利用ajax提交form表单到数据库(无刷新)的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。

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

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

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

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

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

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

index.html

这个页面由两个部分组成

1、表单控件

2、jQuery+ajax处理脚本

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

   login test

下面就是表单接收页面

api.php

该页面其实很简单

就是连接数据库

然后插入数据库

插入数据库的两个值为

title和url

 <?php $title = $_POST['title']; $url = $_POST['url']; $con = mysql_connect("localhost","root","root"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("test", $con); mysql_query("INSERT INTO testdata (title, url) VALUES ('$title', '$url')"); mysql_close($con); ?>

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

数据库名为test，表名为testdata

下面是数据库截图