Ajax三部曲(三)终章:封装Ajax

JavaScript/前端
355
0
0
2022-05-01
标签   Ajax
在前面两篇中了解到了Ajax有同步模式和异步模式,在发送请求的时候有GET请求和POST请求。在实际用途中使用起来特别的麻烦~~~这时候就非常有必要封装Ajax,就可以在模式的切换中非常的方便。

下面的方法的形成也不是一下子就变成这样的,也是不断的优化的结果,比如传参,也不是一开始就使用对象的形式,而是把需要的参数一个个的传进来(你是不是这么想的我不管,一开始我是这样的)。

Ajax三部曲(三)终章:封装Ajax

Ajax三部曲(三)终章:封装Ajax

调用ajax()方法:

Ajax三部曲(三)终章:封装Ajax

封装的方法中有段是给传入的url加入了随机字符串:

明白为什么要这么做吗?原因就是因为IE浏览器的缓存,第一次请求会向服务器端请求,获取最新数据。而第二次就默认获取的缓存数据,导致获取的数据不是最新的,所以要给请求的url加入随机字符串。

至此,一个简单的Ajax封装就搞定了,其实明白了原理,封装起来也就不难了,还不赶快赶快动手试试^_^。