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

原生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]
查看完整版本: 原生AJAX的学习