原生AJAX的学习
基础知识知识点梳理见图:
自己动手实践案例
案例1: 访问本地文件
<!DOCTYPE html>
<html>
<body>
<h1>XMLHttpRequest 对象</h1>
<button type="button" onclick="loadDoc()">更改内容</button>
</body>
</html>文件的位置:
[*]代码效果如下:
[*] 如果本地测试报错的话,可以看这篇文章: 原生AJAX案例浏览器报错:Cross origin requests are only supported for protocol
案例2:访问服务端数据
<!DOCTYPE html>
<html>
<body>
<h1>XMLHttpRequest 对象</h1>
<button type="button" onclick="loadDoc()">更改内容</button>
</body>
</html>
[*]代码效果如下:
案例3:自己尝试封装一个AJAX
等待更新。。。。。。
来源:https://www.cnblogs.com/zry123/p/17466632.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页:
[1]