浅谈jquery中的ajax的用法

Posted 2021-04-08 廴暧寀暖

在我们取的成功之后，注重的并不是努力的结果，而是坚持的过程，其中的酸、甜、苦、辣更值得回味。

算了算，将近1个月没有更新过技术类文章了，都对不起本订阅号的头像了。哈哈，就算对不起，还是不能换，起码它能提醒我，时不时的更新一些小知识

刚毕业出来找工作的时候，面试工作数家，做过的面试题更是不计其数，其中比较有意思的问题还比较多，但是今天捡重点的说。

今天要说的是jquery的ajax()方法，web攻城狮应该都不会陌生，可以说是网站程序猿的【必备】技能，不论是前端还是后端，不会此技能还能混的顺风顺水者，那肯定不是猿人！！！

闲话少说，切入正题。

AJAX即“Asynchronous javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。原生的ajax比较繁琐和难用，怪作者也是不求甚解，因为没用过原生的ajax，所以这里只说一下jquery的ajax()方法。

ajax()方法，使用在页面加载时或用户交互时从后台异步加载用户所需数据，其参数若干，小编只取常用的讲解：

1、type：“get/post”；请求类型：使用率99%，灰常滴重要，至于剩下的1%，就不要管了，获取是遇到马虎的把它给丢了吧；

2、data：{“键名”：“键值”}；发送的数据：如果type类型为get，那么此参数可省略，否则90%都是有的；

3、dataType：“text/htm/xml/json”；数据类型：指接收返回的数据格式类型，可选，类型还有其他；

5、success：function(res){}；请求成功后的处理事件：可选，可能某些请求不是必须要求有返回值，ajax()方法请求回来的数据可以用形参res表示，后期处理数据时用到此参数（参数名可以自定义哦）。

6、error：function(res){}；请求失败后的处理事件：可选，当发生请求失败时执行的函数；

基本上这6个参数就能够支撑ajax()方法做到80%的事情了，当然，还有20%的事情可能需要剩下20%的参数来完成了，比如ajax请求时如果时间过长，可能要终止请求，就要用到timeout，当然，ajax请求时间过长时也不让用户傻等，那此时可能就要用到beforeSend ，可以在ajax请求的同时加载一个小的gif图，让网页动起来。当然，还有很多用法，在此不一一描述了。

好多朋友用了ajax()之后，发现用jq操作不了后期添加的元素，或者说本来写好的加载完成之后数据展示效果，可是怎么都不执行，甚至还可能会报错，对此很是费解，为什么不能操作，在此卖个关子，下期再说解决办法吧，今天也不早了。

此期推文暂时写到这里，下期介绍ajax()方法后的其他事件方法，例如done()方法，又或者fail()方法，什么？没听说过，那就好好期待下期推文吧！

最后，感谢您的阅读，如果此文对您有帮助

当然，也亲也可以这样