【AJAX进阶】——理论篇

柔情只为你懂 2022-07-14 07:54 237阅读 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 条评论，237人围观）

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

相关阅读

相关【Java 进阶篇】Ajax 实现——JQuery 实现方式 `ajax()`

![在这里插入图片描述][fe098e18bcc24ed2aaff6195ef3f5a1a.png] 嗨，亲爱的读者们！欢迎来到这篇关于使用 jQuery 中的 `ajax(

雨点打透心脏的1/2处/ 2024年02月18日 12:14/ 0 赞/ 107 阅读

相关【Java 进阶篇】Ajax 实现——原生JS方式

![在这里插入图片描述][fe098e18bcc24ed2aaff6195ef3f5a1a.png] 大家好，欢迎来到这篇关于原生 JavaScript 中使用 Ajax 实

痛定思痛。/ 2024年02月18日 12:14/ 0 赞/ 103 阅读

相关 MySQL进阶篇

MySQL进阶 1. 存储引擎存储引擎就是存储数据、建立索引、更新/查询数据等技术的实现方式。 1.1 MySQL体系结构 ![在这里插入图片描述][3

冷不防/ 2023年09月29日 10:37/ 0 赞/ 135 阅读

相关 Ajax 进阶

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

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

相关【AJAX进阶】——概念

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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