众所周知，在静态页面上向数据库提交表单很简单

formaction=' test.php '方法=' post'/form的缺点是它会刷新页面并跳转到该页面。

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

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

至于ajax是什么，你自己去百度一下吧。

首先，我们必须有一个表单提交页面：

index.html

这一页由两部分组成

1.表单控件

2.jQuery ajax处理脚本

JQuery脚本将获取表单形式的数据，并通过邮件提交给api.php

！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN ' HTML head title log in test/title meta http-equiv=' Content-Type ' Content=' text/HTML；charset=UTF-8 ' script src=' http :http://apps . bdimg.com/libs/jquery/2 . 1 . 4/jquery . min . js '/script script type=' text/JavaScript ' function insert(){ $。ajax({ type: 'POST '，//方法url: 'api.php '，//表单接收urldata3360 $ ('# form1 ')。serialize()，success 3360 function(){//提交成功的提示或其他反馈代码varresult=document result . innerhtml=' success！}，错误： function() {//提交失败的提示或其他反馈代码var result=document . getelementbyid(' success ')；Result.innerHTML='失败！} });}/script/headsdydiv id=' form-div ' form id=' form 1 ' on submit=' return false ' action=' # ' method=' post ' pinput name=' title ' id=' title ' type=' text ' value=' title '/P pinput name=' URL ' id=' URL ' URL ' type=' text ' value=' URL '/P pinput type=' button ' value=' insert ' onclick=' insert()'/P pdiv id=' success '/div/P/form/div/body/body

api.php

这一页其实很简单

是连接到数据库

然后插入数据库

插入数据库的两个值是

标题和网址

？PHP $ title=$ _ POST[' title ']；$ URL=$ _ POST[' URL ']；$con=mysql_connect('localhost '，' root '，' root ')；if(！$con) { die('无法连接： '。MySQL _ error())；}mysql_select_db('test '，$ con)；MySQL _ query(' INSERT INTO test data(title，url) VALUES ('$title '，' $ URL ')')；MySQL _ close($ con)；然后我们需要建立一个数据库

数据库名为test，表名为testdata

以下是数据库的截图

至此，此案完成。

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

但是还有很多细节需要优化，比如表单验证、数据加密等。可以自行扩展和改进。

摘要

以上就是本文的全部内容。希望本文的内容对大家的学习或工作有一定的参考价值。有问题可以留言交流。谢谢你的支持。