前言
与js相比,jquery为我们省去了冗长的获取元素的代码,不用考虑一些麻烦的兼容问题,更加方便的动画实现,以及更加方便的方法调用让我们觉得jquery真是越用越舒服。但是jquery说到底还是对js的封装,我们不光要用的舒服还要深入理解其中的原理,这样才能更好的使用它。
首先我们封装的函数为了能实现可传入无限多个参数,在使用我们即将封装的函数时,需要使用对象进行传参,形式如下:
-- -------------------- ---- ------- --------------------- --- ---- - - ---- --------------- ------------- ------- ------ ---------------- ------- ------------ - -
函数封装:
1、封装一个辅助函数,把传进来的对象拼接成url的字符串
-- -------------------- ---- ------- -------- ------------ -- ---- -- ------ ------ ---- - --- --- - --- --- ---- - -- ----- --- --- - ------------- -------------- - ------ -------------- -
2、封装Ajax
-- -------------------- ---- ------- -------- ---------- ------------ -------- - -------- -- ------ -------------------- --------- - --------- -- ----- ---------- -------- - -------- -- ----- -- ------------------------ ----- --- ---- - --- ----------------- ------ ---- --- ---- - --- ----------------------------------- - ------------ -- --------- -- -------- -------------------------------------- ------------------------------------- ------------------------------------- --- ---- - ----------------- ---------------- ------ ----- -------------------- --- --- - ----------------------------- ---------------------------------- ------------ - ----------------------- - -------- --- -- ---------------- -- --- -- ---------------------------------- -- ------------------ -- -------------- ------------------------------- - ------ -- ------------ ----------------------- - - - - -
总结
以上就是原生js仿jquery实现对Ajax封装的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/883