前端jquery和 ajaxjsp

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

2019-11-08  本文已影响0人  Sun晓_c590

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

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

上一篇 下一篇

猜你喜欢

热点阅读