继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

AJAX全接触实战

胡说叔叔
关注TA
已关注
手记 458
粉丝 130
获赞 581

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
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。


打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP