ajax简介

ajax简介

2005年Jesse James Grattee发表了一篇文章,里面介绍了一种技术。这种技术可以从服务器请求数据,而无需重新加载页面,这样会带来更好的用户体验。一时间,席卷全球。

AJAX=Asynchronous JavaScript and XML(异步的JavaScript和XML),前端开发里一般叫阿贾克斯。
最大特点: 页面不刷新

ajax案例

  1. 百度关键词搜索
    在这里插入图片描述
    输入关键字后,ajax会把当前输入的内容传给baidu服务器做请求,然后服务器查询相关数据并返回。
    随着输入关键词的不同,底下会从服务器拉取不同数据(在不刷新页面的前提下)
  2. www.163.com网易的邮箱注册
    在这里插入图片描述
    邮件地址、用户名等必须到服务器数据才可以查询对比结果。
    ajax在输入框失去焦点时,会把用户名传递给服务器,做查询对比。之后把查询的结果在页面上展示出来。

传统验证方式

传统方式用户名验证
在这里插入图片描述
验证失败后返回失败信息,重新加载页面。之前填写的数据需要重新填写。

传统验证方式缺点:

  1. 耗费流浪:其他数据反复提交给服务器
  2. 耗费时间较长:多提交耗时
  3. 用户体验差:仅仅因为用户名验证失败,导致整个页面重新记载,其他数据就又得重新填写

ajax方式用户名验证:
在这里插入图片描述
ajax方式用户名验证优点:

  1. 节省流量:只传递需要验证的数据(用户名)
  2. 节省操作时间,可以快速提示错误并进行修改
  3. 用户体验好,页面不刷新

分析:
ajax语言载体和核心技术是JavaScript;XML主要用于保存和传输数据,就是可与服务器进行异步或者同步交互一门技术,很大程度上改变了WEB开发的格局,在常见的社交网站,地图等均应用了ajax技术。
不是某种编程语言,是一种在无需重新加载整个网页的情况下能够更新部分页面内容的技术。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值