【AJAX进阶】——理论篇

柔情只为你懂 2022-07-14 07:54 127阅读 0赞

之前很早之前就接触过AJAX这门技术，也有在项目中应用了一些，一直想写一个系列的文章，或许是自己的拖延，跌个跟斗才知道自己欠缺的地方。废话不多说，利用这个跌跟头的机会，好好补补吧。

# 定义 #

AJAX全称“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

# VS传统网页 #

传统的网页如果需要更新内容，必须重载整个网页页面。会给后台带来很重的负担。

**两张图对比为什么AJAX快！**

![Center][]     ![Center 1][]

Ajax中间使用了一个AJAX引擎，减少了页面加载所用的历程，所以使用加载速度快，用户体验度高。因此通过AJAX，因特网应用成可以变得更完善，更友好。

其实从1998年AJAX技术已经诞生，其实到现在已经非常的熟悉了，而且在web开发中应用非常广泛。

# 应用环境 #

1、表单，是AJAX一个非常广泛的应用。

2、搜索，类似谷歌和百度的搜索。

3、导航栏，网站的导航系统。

那么AJAX既然这么完美，是不是可以经常使用。如果滥用会造成什么后果？

# **优缺点** #

## 先说使用AJAX的好处 ##

1、异步刷新，响应速度按快，用户体验度高

2、优化了浏览器和服务器之间的传输，减少了不必要的数据往返，减少宽带占用

3、因为服务器不需要响应整个页面，而是页面中的局部，所以AJAX性能高

## 缺点 ##

1、AJAX虽然提高了用户体验度，但是无形中向服务器发送请求次数增多，服务器压力增大。

2、AJAX是基于JavaScript技术完成的，还需要处理浏览器兼容性问题。

3、不能和浏览器的后退功能结合，如果更新重要的数据还是减少AJAX的应用吧

4、AJAX暴露了与服务器交互的细节。

5、不容易调试

# 总结 #

本文主要是从理论上认识AJAX，对比传统网页和AJAX的一些优缺点，全方面的看待AJAX，选择合适的使用方式，以便做出更好的程序。

PS ：送上一张自己去中关村的时候照的百度大楼，走进了中关村，没抓住机会又走了出来，出来混的慢慢补自己前端留下的坑吧。

![Center 2][]

[Center]: https://img-blog.csdn.net/20161202203942850?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: /images/20220714/5dfb76076ae140668c9f2e081449d67d.png
[Center 2]: /images/20220714/d08457e86f6247608c4121306dbc2ebd.png

发表评论取消回复

表情：

评论列表（有 0 条评论，127人围观）

还没有评论，来说两句吧...

相关阅读

相关第二章软件测试理论进阶

存在局限性，仅仅把测试过程作为在需求分析、系统设计及编码之后的一个阶段，只针对程序进行的寻找错误的活动，忽视了测试活动对需求分析,系统设计等活动的验证和确认的功能。(2)...

素颜马尾好姑娘i/ 2024年04月24日 20:57/ 0 赞/ 18 阅读

相关 mybatisPlus进阶篇

文章目录映射自动映射规则表映射字段映射字段失效视图属性条件构造器

ゝ一世哀愁。/ 2024年03月22日 21:09/ 0 赞/ 26 阅读

相关 Ajax 进阶

学习要点： 1.加载请求 2.错误处理 3.请求全局事件 4.JSON 和 JSONP 5.jqXHR 对象在 Ajax 课程中，我们了解了最基本的异步处

偏执的太偏执、/ 2022年08月18日 15:12/ 0 赞/ 123 阅读

相关【AJAX进阶】——概念

前提上一遍博客中主要介绍关于AJAX学习过程的一些理论知识，这篇文章从基础开始分析，毕竟AJAX是基础是HTTP请求，这篇文章也就是从HTTP请求开始。

缺乏、安全感/ 2022年07月14日 13:19/ 0 赞/ 119 阅读

相关【AJAX进阶】——理论篇

之前很早之前就接触过AJAX这门技术，也有在项目中应用了一些，一直想写一个系列的文章，或许是自己的拖延，跌个跟斗才知道自己欠缺的地方。废话不多说，利用这个跌跟头的机会，

柔情只为你懂/ 2022年07月14日 07:54/ 0 赞/ 128 阅读

相关 js进阶篇

问题一：数组声明方式，以下这两种都是可以的。 var \_2myarr = new Array(154,"daitt",45,78); var \_3myarr = \

Bertha 。/ 2022年05月22日 12:19/ 0 赞/ 200 阅读

相关 Ajax进阶篇(四)——使用jQuery实现省市联动

我们在购物的时候，常常需要我们来选择自己的收货地址，先选择省份，再选择城市…，有没有发现：当我们选择完省份的时候，出现的城市全部都是根据省份来给我们选择的。这是怎么做到的呢？其

r囧r小猫/ 2021年12月14日 06:23/ 0 赞/ 443 阅读

相关 Ajax进阶篇(二)——走进jQuery的世界

之前我们在学习Ajax的时候，都是使用的原生JavaScript来完成交互工作，可能要写很多的代码，为了简化代码，提高效率，我们还要学习一下jQuery这个框架。 jQue

逃离我推掉我的手/ 2021年12月14日 04:53/ 0 赞/ 212 阅读

相关 Ajax进阶篇(一)——异步校验用户名

我们要做的是异步校验用户名的案例，很多网站上实现注册功能的时候，需要输入用户名，当光标离开文本框的时候，会给我们这样一个提示：显示用户名已经存在或者用户名可以使用！我们首先来看

深碍√TFBOYSˉ_/ 2021年12月13日 14:17/ 0 赞/ 283 阅读

相关 JSON进阶第二篇 AJAX方式传递JSON数据

上一篇《JSON进阶第一篇在PHP与javascript 中使用JSON》示范了在PHP和javascript中如何使用JSON类型的数据，本篇将介绍用AJAX方式得到JSO

Myth丶恋晨/ 2021年09月29日 13:12/ 0 赞/ 236 阅读