简单通俗的让你了解什么是ajax,即使你是小白,菜鸟也能看懂!

2023-05-16

什么是ajax呢?看这里吧!结合现实中的例子,通俗易懂,让你一看就会!

题外话:我因为个人原因,在老师讲ajax的时候,我没有在学校,所以没有听关于ajax的内容,导致有一段时间看到ajax就很头疼!后来慢慢接触多了,也渐渐有所理解了。现在我把我的理解告诉那些不懂,不理解ajax的同学。希望我们共同进步。大佬如果看到此文章,有错误的地方麻烦您请指出来,我做修整!毕竟我也是才工作不久的新人,对于理解这些技术可能还不够全面和深入!谢谢了!
我们来看看比较官方的说法:
AJAX 是一种用于创建快速动态网页的技术。

AJAX 通过在后台与服务器进行少量数据交换,使网页实现异步更新。这意味着可以在不重载整个页面的情况下,对网页的某些部分进行更新。

传统的网页(不使用 AJAX)如果需要更新内容,必须重载整个页面。

看到这里,新萌就会懵逼了,一头雾水!下面我用通俗易理解的例子,带大家认识什么是ajax!

通俗的认识ajax!

大家现在设想一个场景,现在有一个老板,这个老板在开会,然后有客户给老板打电话,要向老板采购一批货物,这时候老板会怎么做呢,老板会叫旁边的秘书去做这件事,这个秘书咱们就叫他“ajax”吧,ajax去做这件事是一个什么样的过程呢,他应该先到仓库,然后查看货物的数量,是不是满足客户采购的数量。然后他告诉老板货物的数量够或者不够,最后老板会告诉他,够的话应该怎么做,不够的话应该怎么做!

上面这个简单的场景,相信大家都能看懂。那么下面我们说回ajax!,在说ajax之前,先和大家说一下ajax的优点。
1、最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好。
2、使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力。
3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。

什么?你说优点你都看不懂??没关系,看下面一步步给你分析!

ajax的使用

说一下JQuery中ajax的使用,这个也是我们最常用的!
完整的 $.ajax 参数 比较复杂,这里采用了常见的调用方式。

1)$.ajax({
   url: 表示访问的路径,
   data:表示提交的参数,
   success: function(result){
      //这里写你想做的事情
   }
});

//下面就说一下上面说道的场景,是怎么用的ajax的。2)$.ajax({
   url: //表示访问的路径,这个可以理解成 “去仓库”,就是指引ajax怎么走
   data://表示提交的参数,可以理解成 需要带什么去仓库,这个场景里,ajax需要知道客户采购的是哪个货物,所以他需要带上货物的名称
   success: function(result){//success可以理解成,ajax到仓库清点完货物数量后,接下来应该做什么。result可以理解成结果,实际上清点货物是一个查询的过程,
      if(result>100){//比如说客户要100个,查询到的结果大于100,那就可以给客户发货了
     // 满足客户要求的货物数量,可以发货给客户
		}else{//如果货物少于客户要的100个,那就不能发货了。
		//不满足客户要求的货物数量。
		}
   }
});

到这里大家应该懂了吧,下面结合者这个场景,来说ajax的优点
1、最大的一点是页面无刷新,在页面内与服务器通信,给用户的体验非常好:老板只需要让ajax去做这件事就好了,老板该干嘛干嘛!
2、使用异步方式与服务器通信,不需要打断用户的操作,具有更加迅速的响应能力:因为这件事让ajax去做了,不影响别人,所以别人该干嘛干嘛,又因为ajax是有目的,有针对性的,所以他做这件事会非常快!
3、可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担,节约空间和宽带租用成本。并且减轻服务器的负担,ajax的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担:如果没有ajax这个秘书,那这件事都需要老板亲自做了。如果每一件事都需要老师亲自做的话,那老板就太累了。累到一定程度,老板就累死了,服务器就崩了!现在有了ajax这个秘书,老板就没有这么累了!
4、基于标准化的并被广泛支持的技术,不需要下载插件或者小程序:在场景里ajax是个人,有胳膊有腿,要干什么事直接上手就行,你用再给他装胳膊,装腿,装脑袋了。

结尾:

到这里,ajax就说的差不多了,我这篇博客不是说的大家如何用ajax,而是想告诉大家,怎么更好的去理解ajax。ajax还有更多的参数,更多的内容需要大家去学习!下面介绍一个我自己学习java的网站,我觉得很好。很适合新人自学java。下面送上这个网站讲解的ajax,希望对大家有所帮助!
https://how2j.cn/k/jquery/jquery-ajax/474.html?p=115656

我自己创建了一个交流java的群,因为我也是个新人,有很多需要进步学习的地方,希望你加入我们!
群:917421921

同是菜鸟,我们共进步吧!加油!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

简单通俗的让你了解什么是ajax,即使你是小白,菜鸟也能看懂! 的相关文章

  • [ Hbase ] 单机独立安装

    文章目录 下载 Hbase安装 Hbase启动 HbaseJava API 连接 下载 Hbase http apache mirror cdnetworks com hbase span class token builtin class
  • [ Spark ] java.lang.NoSuchMethodError: com.google.common.hash.Funnels.stringFunnel

    文章目录 问题解决两种方式一 初始化 spark 时 xff0c 设置优先使用 jar 包中的依赖二 使用 shade 插件 参考链接 问题 相关环境参数 spark version xff1a 2 1 0 scala version xf
  • [ Neo4j ] Docker 安装与 Python 操作

    文章目录 安装运行Python 操作简单示例 安装 使用 docker 安装 Neo4j拉取最新的 Neo4j 镜像 docker pull neo4j 运行 运行 Neo4j 容器 docker run it d p span class
  • Windows和Linux之间如何传递数据|两台Linux之间如何传递数据

    摘要 xff1a 我们租用了一台服务器 xff0c 然后我们想要把我们写的项目上传到自己的Linux服务器中 xff0c 那么我们应该怎么上传呢 xff1f 如果我们想要从服务器中下载一些资料 xff0c 那么又该如何进行呢 xff1f 看
  • mac M1使用goland无法进行调试

    首先查看go的版本查看是否是arm版本的eg xff1a go version go version go1 16 13 darwin arm64 然后查看你的goland版本是否是Apple Sillicon版本 下载apple版本的go
  • 忘了自己是从哪里下载的源码?查看git clone的历史

    有时候忘记自己是从哪个地方下载的源码了 xff0c 这时候可以进入git clone的文件夹根目录 xff0c 在该处打开终端并输入 span class token function git span reflog date span c
  • 【详细步骤】Ubuntu18.04开启SSH服务,使用MobaXterm客户端进行远程登录

    熟悉linux的小伙伴 xff0c 都或多或少会接触到ssh服务 使用MobaXterm远程登录Ubuntu那感觉 xff0c 真是太 爽了 本人推荐此方法原因如下 xff1a 1 颜控 xff0c Ubuntu原生界面太丑 2 方便 xf
  • cuda-trt 学习

    https github com jinmin527 learning cuda trt learning cuda trt A large number of cuda tensorrt cases在这个project中 xff0c 提供
  • 时序知识图谱推理:Know-Evolve: Deep Temporal Reasoning for Dynamic Knowledge Graphs

    0摘要 xff1a 带有时间戳的大规模事件数据的可用性催生了边带有时间的动态知识图谱 在动态的知识图谱中 xff0c 并没有被很好的理解 基于此 xff0c 本文提出Know Evolve xff0c 这是一种新颖的深度进化知识网络 xff
  • 《机器学习实战》源码和数据集的下载

    机器学习实战 这本书对于我们了解机器学习原理和代码实现提供了很大的帮助 xff0c 源码和数据集可在其英文版的官方网站进行下载 xff1a https www manning com books machine learning in ac
  • VNC Viewer :Timed out waiting for a response from the computer

    阿里云主机 xff0c Ubuntu系统 xff0c 通过VNC viewer连接出现超时问题 解决方案 xff1a 首先检查在阿里云主机添加5801 5810 xff1b 5901 5910端口是否开启 查找步骤如下图 xff1a 1 点
  • 从零开始系列(二):数据库基础篇

    从零开始系列 xff08 二 xff09 xff1a 数据库基础篇 相关系列文章推荐 xff1a 从零开始系列 xff08 一 xff09 xff1a 在github上搭建自己的博客 从零开始系列 xff08 三 xff09 xff1a W
  • 从零开始系列(三):Windows10安装Linux子系统(WSL教程)

    从零开始系列 xff08 三 xff09 xff1a Windows10安装Linux子系统 xff08 WSL教程 xff09 相关系列文章推荐 xff1a 从零开始系列 xff08 一 xff09 xff1a 在github上搭建自己的
  • 从零开始系列(四):一文看懂arm架构和x86架构有什么区别

    从零开始系列 xff08 四 xff09 xff1a 一文看懂arm架构和x86架构有什么区别 相关系列文章推荐 xff1a 从零开始系列 xff08 一 xff09 xff1a 在github上搭建自己的博客 从零开始系列 xff08 二
  • NVIDIA显卡及架构介绍

    版权申明 未经博主同意 xff0c 谢绝转载 xff01 xff08 请尊重原创 xff0c 博主保留追究权 xff09 xff1b 本博客的内容来自于 xff1a NVIDIA显卡及架构介绍 xff1b 学习 合作与交流联系q384660
  • 脉冲神经网络资料汇总

    往期文章推荐 xff1a 损失函数与代价函数 神经网络从入门到精通 脉冲神经网络综述笔记 版权申明 未经博主同意 xff0c 谢绝转载 xff01 xff08 请尊重原创 xff0c 博主保留追究权 xff09 xff1b 本博客的内容来自
  • 什么是NAS

    一 NAS是什么 简单的说就是连接在网络上 xff0c 让大家可以透过网络 xff08 内网 xff0c 外网 xff09 来进行储存和读取资料的设备 通俗点说 xff0c 就是有一台很小很小的台式主机 xff0c 里面只装了很多颗的磁盘
  • numba安装与使用

    一 numba是什么 Numba是一个针对Python的开源JIT编译器 xff0c 由Anaconda公司主导开发 xff0c 可以对Python原生代码进行CPU和GPU加速 Numba对NumPy数组和函数非常友好 解释器可以参考第四
  • 目标检测中算法评价指标FPS

    一 FPS 每秒传输帧数 Frames Per Second 是什么 FPS就是目标网络每秒可以处理 xff08 检测 xff09 多少帧 多少张图片 FPS简单来理解就是图像的刷新频率 xff0c 也就是每秒多少帧 假设目标检测网络处理1
  • pytorch版本对计算能力的要求

    一 pytorch对计算能力要求 首先查看pytorch是否可用cuda完整流程应该是先查看是否在当前环境下的python In span class token punctuation span span class token numb

随机推荐