ajax的优缺点有哪些?

我们先来介绍一下什么是ajax:

对于ajax的理解,ajax是一种使用现有技术集合技术内容包括: HTML或XHTML、CSS、

JavaScript、DOM、XML、 XSLT, 以及最重要的XMLHttpRequest。

用于浏览器与服务器之间使用异步数据传输(HTTP请求),做到局部请求以实现局部刷新

ajax有什么作用:

(1)不刷新页面就能更新网页(局部刷新)

(2)在页面加载后从服务器请求数据

(3)在页面加载后从服务器接收数据

(4)在后台向服务器发送数据

如何使用:

(1)创建XMLHttpRequest对 象

(2)使用open方法设置和服务器的交互信息

(3)设置requestHeader() request. setRequestHeader(属性名称,属性值)

(4) send( )设置发送的数据,开始和服务器交互

(5)取得响应,注册事件

优/缺点:

1.无刷新更新数据:ajax最大的优点就是能够在不刷新整个页面的情况下维持

与服务器通信

2.异步与服务器通信:使用异步的方式与服务器通信,不打断用户的操作

  1. 前端与后端负载平衡:将一些后端的工作移到前端,减少服务器与宽带的

负担

4.基于规范被广泛应用:不需要下载浏览器插件或者小程序,但需要用户允

许JavaScript在浏览器上执行

5.界面与应用分离: ajax使得界面与应用分离,也就是数据与呈现分离

1.ajax干掉了back与history功能,即对浏览器机制的破坏:在动态更新页面的

情况下,用户无法回到前一页的页面状态,因为浏览器仅能记忆历史记录中的静

态页面

2.安全问题: ajax技术给用户带来很好的用户体验的同时也对IT企业带来了新

的安全威胁,ajax技 术就如同对企业数据建立了一个直接通道,这使得开发者在不

经意间会暴露比以前更多的数据和服务器逻辑

3.对搜索引擎支持较弱

4.破坏程序的异常处理机制

5.违背URL与资源定位的初衷

6.不能很好的支持移动设备

7.客户端肥大,太多客户端代码造成开发上的成本

相关推荐
xiaoqi9224 分钟前
React Native鸿蒙跨平台实现图片画廊类页面是视觉展示型APP(如摄影类、图库类、设计类APP)的核心载体,其核心需求是实现图片的流畅渲染
javascript·react native·react.js·ecmascript·harmonyos
雪芽蓝域zzs8 分钟前
uniapp 省市区三级联动
前端·javascript·uni-app
Highcharts.js10 分钟前
Next.js 集成 Highcharts 官网文档说明(2025 新版)
开发语言·前端·javascript·react.js·开发文档·next.js·highcharts
总爱写点小BUG11 分钟前
探索 vu-icons:一款轻量级、跨平台的 Vue3 & UniApp SVG 图标库
前端·前端框架·组件库
晚霞的不甘23 分钟前
Flutter for OpenHarmony手势涂鸦画板开发详解
前端·学习·flutter·前端框架·交互
Beginner x_u25 分钟前
JavaScript 核心知识索引(面试向)
开发语言·javascript·面试·八股
We་ct27 分钟前
LeetCode 73. 矩阵置零:原地算法实现与优化解析
前端·算法·leetcode·矩阵·typescript
晚霞的不甘29 分钟前
Flutter for OpenHarmony 实现动态天气与空气质量仪表盘:从 UI 到动画的完整解析
前端·flutter·ui·前端框架·交互
~小仙女~31 分钟前
组件的二次封装
前端·javascript·vue.js
白日梦想家68132 分钟前
JavaScript性能优化实战系列(三篇完整版)
开发语言·javascript·性能优化