原生AJAX的学习

人生难得一知己 · 发表于 2023-6-8 20:40:45

基础知识

　　知识点梳理见图：

自己动手实践案例

案例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】我们会及时删除侵权内容，谢谢合作！

原生AJAX的学习

本帖子中包含更多资源