ajax入门学习(一)
(尊重劳动成果,转载请注明出处:http://blog.csdn.net/qq_25827845/article/details/54800237冷血之心的博客)
ajax入门学习(一)
ajax入门学习(二)小案例Demo1
ajax入门学习(三)小案例Demo2
1 什么是AJAX
AJAX(Asynchronous Javascript And XML)翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互,传输的数据为XML(当然,传输的数据不只是XML)。
AJAX还有一个最大的特点就是,当服务器响应时,不用刷新整个浏览器页面,而是可以局部刷新。这一特点给用户的感受是在不知不觉中完成请求和响应过程。
- 与服务器异步交互;
- 浏览器页面局部刷新;
2. 同步交互与异步交互
- 同步交互:客户端发出一个请求后,需要等待服务器响应结束后,才能发出第二个请求;
- 异步交互:客户端发出一个请求后,无需等待服务器响应结束,就可以发出第二个请求。
3. AJAX常见应用情景
当我们在百度中输入一个“传”字后,会马上出现一个下拉列表!列表中显示的是包含“传”字的10个关键字。
其实这里就使用了AJAX技术!当文件框发生了输入变化时,浏览器会使用AJAX技术向服务器发送一个请求,查询包含“传”字的前10个关键字,然后服务器会把查询到的结果响应给浏览器,最后浏览器把这10个关键字显示在下拉列表中。
- 整个过程中页面没有刷新,只是刷新页面中的局部位置而已!
- 当请求发出后,浏览器还可以进行其他操作,无需等待服务器的响应!
当输入用户名后,把光标移动到其他表单项上时,浏览器会使用AJAX技术向服务器发出请求,服务器会查询名为zhangSan的用户是否存在,最终服务器返回true表示名为zhangSan的用户已经存在了,浏览器在得到结果后显示“用户名已被注册!”。
- 整个过程中页面没有刷新,只是局部刷新了;
- 在请求发出后,浏览器不用等待服务器响应结果就可以进行其他操作;
4 AJAX的优缺点
优点:
- AJAX使用Javascript技术向服务器发送异步请求;
- AJAX无须刷新整个页面;
- 因为服务器响应内容不再是整个页面,而是页面中的局部,所以AJAX性能高;
缺点:
- AJAX并不适合所有场景,很多时候还是要使用同步交互;
- AJAX虽然提高了用户体验,但无形中向服务器发送的请求次数增多了,导致服务器压力增大;
- 因为AJAX是在浏览器中使用Javascript技术完成的,所以还需要处理浏览器兼容性问题;
如果对你有帮助,记得点赞哦~欢迎大家关注我的博客,可以进群366533258一起交流学习哦~
ajax入门学习(一)相关推荐
- ajax入门学习(二)小案例Demo1
(尊重劳动成果,转载请注明出处:http://blog.csdn.net/qq_25827845/article/details/55823800冷血之心的博客) ajax入门学习(一) ajax入门 ...
- Java入门学习注意事项有哪些?
想要学好java技术,做好学习规划路线和注意事项是非常重要的,尤其是零基础学员,Java涉及到的知识点非常多,我们需要制定合理的Java学习路线图,这样会事半功倍,下面小编和大家总结一下Java入门学 ...
- ASP.NET AJAX入门系列(1):概述
经常关注我的Blog的朋友可能注意到了,在我Blog的左边系列文章中,已经移除了对Atlas学习手记系列文章的推荐,因为随着ASP.NET AJAX 1.0 Beta版的发布,它们已经不再适用,为了不 ...
- 零基础AJAX入门(含Demo演示源文件)
零基础AJAX入门(含Demo演示源文件) 作者:一点一滴的Beer 个人主页:http://www.cnblogs.com/beer 摘要:因为笔者的大四毕业设计是做WebGIS系统,用过Web版 ...
- jqMobi(App Framework)入门学习(一)
jqMobi(App Framework)入门学习(一) 1. 什么是jqMobi? jqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架.是个极其高速的查询选择 ...
- 【转】ASP.NET AJAX入门系列
ASP.NET AJAX入门系列将会写关于ASP.NET AJAX一些控件的使用方法以及基础知识,其中部分文章为原创,也有一些文章是直接翻译自官方文档,本部分内容会不断更新. 目录 ASP.NET A ...
- ASP.NET AJAX入门系列
ASP.NET AJAX入门系列将会写关于ASP.NET AJAX一些控件的使用方法以及基础知识,其中部分文章为原创,也有一些文章是直接翻译自官方文档,本部分内容会不断更新. 目录 ASP.NET A ...
- 掌握 Ajax,第 1 部分: Ajax 入门简介
2019独角兽企业重金招聘Python工程师标准>>> 掌握 Ajax,第 1 部分: Ajax 入门简介 理解 Ajax 及其工作原理,构建网站的一种有效方法 Ajax 由 HTM ...
- ReactJS入门学习一
ReactJS入门学习一 阅读目录 React是什么? React如何制作组件? 理解组件属性props 理解页面中如何渲染数据的 理解从服务器端获取数据及理解state的 回到顶部 React是什么 ...
最新文章
- IBM发布全新合作伙伴计划 共赢认知商业时代
- python爬虫实例解析-Python(爬虫)- 动态加载案例分析
- 16道嵌入式C语言面试题(经典) 预处理器(Preprocessor)
- caioj 1066 动态规划入门(一维一边推4:护卫队)(分组型dp总结)
- 数据结构的简单理解(4)
- SAP BOPF和ESF2这两个框架有什么区别
- android 圆形边框填充颜色,如何在android中表示多种颜色的圆形边框
- java面试要点---Spring体系知识点复习,IOC,AOP---随时更新
- 力扣-111. 二叉树的最小深度
- Ilist 和list的区别归纳总结
- c语言 怎么访问64位地址_巧言C语言指针 | 纯干货讲解
- Python版:实现双十一秒杀,防止超限
- 《Android框架揭秘》——2.4节开发Android应用程序
- Arcmap坐标系转换通用教程【简单明了】
- 计算机无法显示外接硬盘,移动硬盘不显示怎么办解决教程
- 如何正确学习软件工程
- 2020-12-06 高等数学:常用积分公式
- 《数字电子技术基础》5.3/4/5 电平/脉冲/边沿触发的触发器
- 【微积分】2.1一元函数微分
- DUXCMS 2.x学习问题(一)
热门文章
- David P.Williams论文系列 Muesli_基于声呐图像寻雷难度的图像复杂度度量
- python翻译器怎么用_给宝宝用Python写个支持翻译PDF文档的小软件
- 20190912-1 每周例行报告
- USTCOJ1240 黑屋 位运算
- 浅谈 SAP ABAP 系统里的 ALV 输出方式实现
- 小学生计算机德育渗透总结,小学科学教师德育工作总结
- 怎么将计算机桌面全部变成英文翻译,Word2010怎样将英文翻译成中文
- 如何实现英文翻译成中文?英文翻译成中文简单方法介绍
- 移动web(看这一篇就够了)
- Python脚本一键找出哪些微信好友删了你(附源码)