为了账号安全,请及时绑定邮箱和手机立即绑定

AJAX全接触实战

标签:
Html/CSS JQuery

1 概念介绍

1.1 同步异步

5bcee0630001049610000423.jpg


5bcee066000175e210000411.jpg


5bcee06700018d8a10000333.jpg

自从出现了这玩意,异步编程出现了!


5bcee0680001cda410000204.jpg

1.2 XMLHttpRequest对象

IE6及以下尚未定义的,干脆就忘了它们吧~


5bcee0680001488510000125.jpg


5bcee06a0001fdcd10000373.jpg


5bcee06c00015e9310000306.jpg

1.3 HTTP 请求

5bcee06d0001ae1e10000383.jpg


5bcee06d0001920910000388.jpg


5bcee06e00017ad710000397.jpg


5bcee08200018c1310000397.jpg


5bcee0830001d50210000416.jpg

请求报文样例


5bcee0840001655b10000288.jpg


5bcee085000111b410000297.jpg


5bcee0850001500710000308.jpg


5bcee0870001616c10000399.jpg

1.4 发送请求

5bcee0880001384e10000128.jpg

常用方法


5bcee0890001864e10000375.jpg

1.5 取得响应

获取响应值

5bcee08a000135ed10000283.jpg


服务器响应结果
onreadystatechange 事件
当请求被发送到服务器时,我们需要执行一些基于响应的任务。
每当 readyState 改变时,就会触发 onreadystatechange事件。
readyState 属性存有 XMLHttpRequest 的状态信息。
下面是 XMLHttpRequest 对象的三个重要的属性:

5bcee08b000149d710000378.jpg


5bcee10600011d0210000345.jpg


onreadystatechange事件被触发 5 次(0 - 4),对应着 readyState 的每个变化。
onreadystatechange 事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。
readyState 等于 4 且状态为 200 时,表示响应已就绪:

5bcee107000107c210000400.jpg


2 JSON

5bcee1080001099110000354.jpg


5bcee1080001ec0410000308.jpg


5bcee109000140cc10000513.jpg


5bcee10a0001491910000385.jpg

JQuery中的AJAX

5bcee10c0001356510000406.jpg

跨域

5bcee10d00018aa510000334.jpg


5bcee10e0001f29e10000169.jpg


5bcee1100001c32e10000332.jpg


1000


1000


1000


1000


1000


1000



作者:芥末无疆sss
链接:https://www.jianshu.com/p/b8429e198592
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。


点击查看更多内容
1人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消