ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

在学习的时候遇到很多词汇。 ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

JavaScript是一种脚本语言,其源代码在发往客户端运行之前不需经过编译,而是将文本格式的字符代码发送给浏览器由浏览器解释运行。

ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

主流的javaScript框架有:YUI ,Dojo,Prototype,jQuery...

jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。.

ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

Ajax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。

Ajax 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新.

Ajax是结合了Java技术、XML以及JavaScript等编程技术,可以让开发人员构建基于Java技术的Web应用,并打破了使用页面重载的管理。

ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

三者的关系如图

ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

javaScript是用于Web客户端开发的脚本语言,Ajax是基于JS语言,主要组合JS、CSS、XML三种技术的新技术,是用于创建交互式网页应用的网页开发技术。

jQuery是JS的框架,基于JS语言,集合Ajax技术开发出来的JS库,封装JS和Ajax的功能,提供函数接口,大大简化了Ajax,JS的操作。

JSON 是 JS 对象的字符串表示法,它使用文本表示一个 JS 对象的信息,本质是一个字符串。

ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串,然后就可以在网络或者程序之间轻松地传递这个字符串,并在需要的时候将它还原为各编程语言所支持的数据格式。

ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

AJAX技术的弊端是什么?什么时候应该使用AJAX?

在BAT实习,用thinkPHP写项目的时候,曾经用过ajax,刚刚接触的时候,简直惊为天人。接下来,我们就来聊聊,ajax在不同场景的优劣势。

ajax介绍与优势以及适用场景

英文全称是asynchronous JavaScript and xml,是一种创建交互式网页应用的网页开发技术。要记住,ajax是一种异步的,用于快速创建动态网页的技术。它能够通过与后台进行少量的数据交换,使网页实现异步更新。这个听起来似乎有点耳熟是不是。我们曾经在之前的回答中聊过websocket协议用于在线聊天室。其实如果不用websocket协议,而使用ajax轮询,也能起到相似的效果。

ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

具体举例子来说,和女神正在用网页端qq聊天,如果使用普通的http协议,那么每次想获取女神的回复都需要浏览器带着一个大脑袋的http request去问服务器,这样一方面很慢,一方面又很占带宽影响网速。如果女神刚好去洗澡了,男孩子只好打开视频网站来消磨时间等待女神,如果聊天页面使用http请求的话,结果就是既等不来女神回复,又发现视频一卡一卡的,实在是很糟糕的体验。

ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

但是如果用ajax轮询就不一样了,ajax可以只携带很少的数据就去与后端交互,获取数据之后,再更改部分页面。从结果上看就是不会明显影响带宽,又能及时拉回女神的回复更新在屏幕上。

这个场景就能看出ajax的优势也就是适用场景就是数据发生变更时,迅速重新渲染部分HTML,而无须加载整个页面。

弊端

但是如果使用大量的使用ajax,原本的B/S架构(browser-server)就会变成逐渐像C/S(client-server)靠拢。什么是C/S架构呢,你把软件下载安装到电脑上,比如qq,比如爱奇艺客户端,就算C/S架构。在浏览器环境下,这种情况就会带来一些问题,并且会影响整个浏览器的使用体验。比如ajax会要求浏览器必须加载完js文件后,才能渲染数据,因此用户首次打开页面的时候会发现加载速度不一致。

ajax和jquery的关系,JavaScript、jQuery、AJAX、JSON这四个之间有什么关系?

综上,ajax作为一门先进的技术,大幅改进了B/S架构的使用体验,但是如果无休止且大量的并发ajax的话,会是得其反,因为我们在使用的时候还是要注意的。

以上是我的浅见,如果对您有帮助欢迎点赞留言。

我是苏苏思量,来自BAT的Java开发工程师,每日分享科技类见闻,欢迎关注我,与我共同进步。

前端开发中,网络请求太多,打开页面很卡,怎么办?

扩充服务器,服务器里用内存数据库。

前端页面优化,有些部分后加载。js和库在页面事件里多优化。

请求合并,或请求后续需要时执行。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 xxx@163.com 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论