AJAX基础

骑猪看日落 2023-02-17 14:25 39阅读 0赞

## 简介： ##

AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。

AJAX不是一种新的编程语言，而是一种用于创建更好更快，以及交互性更强的web应用程序的技术。

AJAX的实际意义是：不发生页面跳转、异步载入内容并改写页面内容的技术。

JavaScript、XML、HTML与 CSS 在 AJAX中使用的 Web 标准已被良好定义，并被所有的主流浏览器支持。AJAX应用程序独立于浏览器和平台。

AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新；而传统的网页（不使用AJAX）如果需要更新内容，必须重载整个网页面。

## AJAX的优点： ##

1.  最大的一点是页面无刷新，用户的体验非常好。
2.  使用异步方式与服务器通信，具有更加迅速的响应能力。
3.  可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。
4.  基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。
5.  AJAX可使因特网应用程序更小、更快，更友好。

## AJAX的缺点： ##

1.  AJAX不支持浏览器back按钮。
2.  安全问题，AJAX暴露了与服务器交互的细节。
3.  对搜索引擎的支持比较弱。
4.  破坏了程序的异常机制。
5.  不容易调试。

## 同步方式与异步方式的区别： ##

**1、同步方式发送请求**

发送一个请求，需要等待响应返回，然后才能够发送下一个请求，如果该请求没有响应，不能发送下一个请求，客户端会处于一直等待过程中。

同步请求：客户端提交请求>等待服务器处理>处理完毕返回，这个期间客户端浏览器不能干任何事。

**2、异步方式发送请求**

发送一个请求，不需要等待响应返回，随时可以再发送下一个请求，即不需要等待。

异步: 客户端请求通过事件触发>服务器处理（此时浏览器仍然可以作其他事情）->服务器处理完毕,异步的给予浏览器响应。

## AJAX原理分析 ##

1、AJAX引擎会在不刷新浏览器地址栏的情况下，发送异步请求：

1.  使用JavaScript获得浏览器内置的AJAX引擎（XMLHttpRequest对象）
2.  使用js确定请求路径和请求参数
3.  AJAX引擎对象根据请求路径和请求参数进行发送请求

2、服务器接收到ajax引擎的请求进行处理：

1.  服务器获得请求参数数据
2.  服务器处理请求业务（调用业务层代码）
3.  服务器响应数据给ajax引擎

3、AJAX引擎获得服务器响应的数据，通过执行JavaScript的回调函数将数据更新到浏览器页面具体位置。

1.  通过设置给AJAX引擎的回调函数获得服务器响应的数据
2.  使用JavaScript在指定的位置，显示响应数据，从而局部修改页面的数据，达到局部刷新目的。

发表评论取消回复

表情：

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

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

相关阅读

相关 AJAX基础

简介： AJAX的全称是Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。 AJAX不是一种新的编程语言，而是

骑猪看日落/ 2023年02月17日 14:25/ 0 赞/ 40 阅读

相关 ajax基础

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

浅浅的花香味﹌/ 2022年10月01日 05:53/ 0 赞/ 35 阅读

相关 Ajax基础

AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。通过在后台与服

冷不防/ 2022年08月23日 04:49/ 0 赞/ 42 阅读

相关 AJAX基础（一）

一.什么是AJAX？ AJAX=Asynchronous JavaScript and XML(异步js和xml） Ajax并不是一门编程语言。 Ajax最大的优点

逃离我推掉我的手/ 2022年06月02日 07:19/ 0 赞/ 225 阅读

相关 AJAX入门基础

一、What——什么是AJAX？ 1、概念 AJAX（Asynchronous JavaScript And XML）不是一种新的编程语言，是指一种创建交互式网页应用

曾经终败给现在/ 2022年06月01日 05:26/ 0 赞/ 258 阅读

相关 Ajax基础

（一） [https://blog.csdn.net/qq\_14947845/article/details/54670214][https_blog.csdn.net_qq

迷南。/ 2022年05月19日 12:53/ 0 赞/ 224 阅读

相关 AJAX 基础

AJAX 基础 AJAX 指异步 JavaScript 及 XML （Asynchronous JavaScript And XML ）。 AJAX 是一种在 2005

╰半夏微凉°/ 2022年05月11日 04:26/ 0 赞/ 301 阅读

相关 ajax基础知识

$.ajax() 方法常见参数属性 $.ajax({ url: ..., method: ..., contentType: ...

清疚/ 2021年09月17日 03:32/ 0 赞/ 428 阅读

相关 ajax基础知识

$.ajax() 方法常见参数属性 $.ajax({ url: ..., method: ..., contentType: ...

痛定思痛。/ 2021年09月17日 03:30/ 0 赞/ 456 阅读

相关 Ajax基础

1：ajax基础 2：ajax运行原理及实现(都是在为浏览器做事) 3：ajax异步编程 ajax基础传统网站中存在问题：网速慢的时候，加载页面非常慢

雨点打透心脏的1/2处/ 2021年08月13日 18:09/ 0 赞/ 499 阅读