AJAX介绍及原理

矫情吗；* 2022-11-18 04:48 232阅读 0赞

### 文章目录 ###

*  一、AJAX介绍
 *  二、AJAX实现原理

--------------------

# 一、AJAX介绍 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTg1MTk0NQ_size_16_color_FFFFFF_t_70]  
**疑惑：**

> 我使用的是微软的浏览器，上面我圈上的红圈的内容为什么明明我没有按确认搜索就出来了呢？

**解惑：**

> 其实这个是动态加载出来得，这里面其实它的页面没有刷新，而这后面的操作者就是ajax

**AJAX简介：**

> ajax英文全称：A：Asynchronous（异步） J:javascript A:and X：xml  
> 中文名：异步刷新技术

# 二、AJAX实现原理 #

我们要知道数据都在服务器上，所以如果要获取数据就必须向服务器发送请求，然后等待服务器的响应。  
然而，如果通过表单或超链接等技术请求，整个页面都是会刷新的，然而有时候，在页面不刷新的前提下我们只需要一部分数据的信息，这就得用上AJAX其原理如下图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTg1MTk0NQ_size_16_color_FFFFFF_t_70 1]  
关于上面这个流程图的组件的分析如下：  
JavaScript：AJAX技术的主要开发语言  
AJAX引擎：AJAX技术的核心，XMLHttpRequest的对象  
XML/JSON/HTML数据：封装请求或响应的数据格式  
DOM+CSS：修改页面元素、改变样式、实现布局刷新

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTg1MTk0NQ_size_16_color_FFFFFF_t_70]: /images/20221022/62aea421e4ee4876bccf455200d17049.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTg1MTk0NQ_size_16_color_FFFFFF_t_70 1]: /images/20221022/d6f1467845be465ea28101001f10c30a.png

发表评论取消回复

表情：

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

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

相关阅读

相关 AJAX原理及实现用户注册

1、AJAX 1.1 AJAX相关概念（1）为什么要有AJAX 有需求实现刷新页面中的局部,但是传统的请求方式只能通过刷新整个页面达到改变内容的目的,...

忘是亡心i/ 2024年04月19日 07:18/ 0 赞/ 52 阅读

相关 ajax介绍

当当当~ 学习了一天，终于晚上有时间来总结今天的知识啦，今天我们学习了阿贾克斯ajax，嗯…… 我还是第一次听说这个阿贾克斯，感觉很新鲜，学的也比较认真，但是刚刚接触还是非常

逃离我推掉我的手/ 2024年04月07日 13:48/ 0 赞/ 99 阅读

相关 WS协议—介绍及原理

举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。 WebSocket 协议在2008年诞生，

朴灿烈づ我的快乐病毒、/ 2023年10月12日 20:54/ 0 赞/ 53 阅读

相关 RPC简介及原理介绍

背景在前面的课程《Go语言微服务理论与实践课程》课程中，我们已经学习了微服务的理论知识，了解了微服务实践中需要解决哪些问题。从本篇技术文档开始，我们进入新的微服务内容的

妖狐艹你老母/ 2023年10月06日 15:08/ 0 赞/ 16 阅读

相关 AJAX介绍及原理

文章目录一、AJAX介绍二、AJAX实现原理 -------------------- 一、AJAX介绍 ![在这里插入图片描述][waterm

矫情吗；*/ 2022年11月18日 04:48/ 0 赞/ 233 阅读

相关 whois的原理及介绍

文章目录简介 whois Whois服务器中国互联网络信息中心

旧城等待，/ 2022年10月29日 09:23/ 0 赞/ 385 阅读

相关 http协议及ajax原理

http协议总结起来就八个字，请求报文，响应报文：其中请求报文可以分三步；请求行：主要包括请求的方法（get或post 、push、delete等等）和请求的地址（u

小鱼儿/ 2022年06月17日 03:22/ 0 赞/ 258 阅读

相关 ajax原理

1.什么是ajax Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML）, 2.ajax原理 !

「爱情、让人受尽委屈。」/ 2022年05月26日 04:59/ 0 赞/ 218 阅读

相关了解ajax工作原理及手写ajax

1.ajax工作原理 > 工作原理： > > 创建XMLHttpRequest对象，发送异步请求，提供网页加载后在后台与服务器进行通信的方法，`可在不刷新页面的情况下获

深藏阁楼爱情的钟/ 2022年04月14日 02:59/ 0 赞/ 395 阅读

相关 ajax——介绍

AJAX：一、 ajax是什么？ Ajax==异步的JavaScript和xml ，创建快速动态网页的技术，通过后台与服务器进行少量数据交换，Ajax可以实现网页

- 日理万妓/ 2022年03月18日 14:30/ 0 赞/ 349 阅读