什么是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
同是菜鸟,我们共进步吧!加油!