很多时候我们提交数据到服务器端数据库都是用form表单,这样子是最普通最简单提交数据的方法,你填写完表单后,post提交到后台文件.php,处理完后返回到指定页面,最后,页面就重新刷新了一遍,显示预想的页面。当然,这个逻辑操作没一点毛病,但有一点,那就是给用户不好的体验:重新刷新了页面。假如,用户没按要求输错了某个值,然后弹出一个框框告诉你“亲爱的,你刚刚花了半个小时注册的内容得重新输入了!!”,这时候,你肯定的mmp的,所以,咱们今天要推举的ajax异步post提交数据到数据库来解决这个问题。
先理解个概念吧:同步与异步。
举个简单的例子:你用form表单,直接post提交数据到数据库,那是同步;你用ajax异步提交post,那是异步操作;就相当于,你有一样东西要给A,你直接放给他,然后他用完直接还给你,这就叫同步,而,你可以通过快递,间接给A东西,他也可以通过快递间接给你,当出现什么问题的时候,你可以告诉快递“我要换地址,我要改电话号码什么的操作”,这可以理解为异步。
那什么是ajax呢?
Ajax在浏览器与Web服务器之间使用异步数据传输(HTTP请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。
好,说了这么多啦,咱们来看看具体的代码:登录界面(form表单提交的很简单,我就不举对比例子了,不懂的可以百度或者自己操作下)
先引入必要的文件:jquery.js,
定义和用法
post()方法通过HTTPPOST请求从服务器载入数据。
语法
jQuery.post(url,data,success(data,textStatus,jqXHR),dataType)
参数描述url必需。规定把请求发送到哪个URL。data可选。映射或字符串值。规定连同请求发送到服务器的数据。success(data,textStatus,jqXHR)可选。请求成功时执行的回调函数。dataType可选。规定预期的服务器响应的数据类型。
默认执行智能判断(xml、json、script或html)。
分析:
1、js获取input中的数据
2、判断数据是否满足要求(这里提一下layer,它是一个很好用很好看的前端弹出框框架,简单易学,可以去