ajax的应用

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的写法

 

 

  1. 创建Ajax引擎对象

  2. 绑定提交地址

  3. 为Ajax引擎对象绑定监听(监听服务器已将数据响应给引擎监听里面处理响应数据

  4. 监听里面处理响应数据

  5. 发送请求

 3.下面我自己模拟了一个表单的注册提交,运用ajax来验证提交

代码如下:

首先是注册页面

 

 这里我先随便注册了一个用户,然后注册成功了,用户名和密码已经存到数据库,页面也自动跳转到登陆界面

现在让我们来登陆一下试试,我先故意输入一个数据库中没有的数据看看,可以发现页面在不刷新的情况下验证了用户名的错误,大大的提升了用户的体验感。

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值