良多时候我们提交数据到办事器端数据库都是用form表单,如许子是最通俗最简单提交数据的方式,你填写完表单后,post提交到后台文件.php,处置完后前往到指定页面,最初,页面就从头刷新了一遍,显示料想的页面。当然,这个逻辑操作没一点弊端,但有一点,那就是给用户欠好的体验:。假如,用户没按要求输错了某个值,然后弹出一个框框告诉你“亲爱的,你方才花了半个小时注册的内容得从头输入了!!”,这时候,你必定的mmp的,所以,我们今天要选举的ajax异步post提交数据到数据库来处理这个问题。
举个简单的例子:你用form表单,间接post提交数据到数据库,那是同步;你用ajax异步提交post,那是异步操作;就相当于,你有一样工具要给A,你间接放给他,然后他用完间接还给你,这就叫同步,而,你能够通过快递,间接给A工具,他也能够通过快递间接给你,当呈现什么问题的时候,你能够告诉快递“我要换地址,我要改德律风号码什么的操作”,这能够理解为异步。
Ajax 在浏览器与 Web 办事器之间利用异步数据传输(HTTP 请求),如许就可使网页从办事器请求少量的消息,而不是整个页面。
好,说了这么多啦,我们来看看具体的代码:登录界面(form表单提交的很简单,我就不举对比例子了,不懂的能够百度或者本人操作下)
先引入需要的文件:jquery.js,【layer.js弹出框框架可选用】
2、判断数据能否满足要求(这里提一下layer,它是一个很好用很都雅的前端弹出框框架,简单易学,能够去官网上看开辟文档)
1、session和引入数据库毗连文件(这里不扩展了,不会的下方评论,我教你php pdo扩展毗连数据库)