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

什么是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

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

  • 9
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值