1.ajax是什么?
Ajax即“Asynchronous Javascript And XML”(异步JavaScript 和XML),是指一种创建交互式网页应用的网页开发技术。Ajax=异步JavaScript和XML(标准通用标记语言的子集)。通过在后台与服务器进行少量数据交换,Ajax可以使用网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新(无刷新技术)。传统的网页(不使用Ajax)如果需要更新内容,必须重载整个网页页面。
1.1 ajax中的两种请求方式
Get请求与Post请求。使用get请求时,参数在url中显示,而使用post方式,则不会显示出来,使用get请求发送数据量小,只能传递大约1024字节。post请求发送数据量大,可以达到2M(理论上无限制),get请求需注意缓存问题,post请求不需担心这个问题。
1.2 ajax的应用场景
ajax可用于表单注册提交及三级联动下拉框还有网页内容搜索自动补全,如:
2.ajax的写法
创建Ajax引擎对象
绑定提交地址
为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎监听里面处理响应数据
监听里面处理响应数据
发送请求
3.下面我自己模拟了一个表单的注册提交,运用ajax来验证提交
代码如下:
首先是注册页面
这里我先随便注册了一个用户,然后注册成功了,用户名和密码已经存到数据库,页面也自动跳转到登陆界面
现在让我们来登陆一下试试,我先故意输入一个数据库中没有的数据看看,可以发现页面在不刷新的情况下验证了用户名的错误,大大的提升了用户的体验感。