Ajax通用示例原生异步请求实现
ajax.zip 通用的 Ajax 例子挺适合刚上手前端的你,代码不复杂,逻辑也清晰,适合用来快速理解异步求怎么回事。整个流程走了一遍:从创建XMLHttpRequest
对象开始,到监听状态变化、响应,全都有。
HTML 页面加个按钮,JS 里绑个事件,点击后就发求,后台随便用PHP
或Node.js
写个server.php
返回个 JSON,页面就能局部更新,响应也快,体验也好。
代码风格挺干净的,没有什么奇怪的封装或者乱七八糟的依赖,手写原生 Ajax,适合用来理解底层原理。如果你已经在用fetch
或者axios
了,那就当复习下,知道它们底层是怎么跑的。
不过要注意几点:老浏览器要用ActiveXObject
,现在用得少了;还有就是 Ajax 求默认是异步的,调试的时候记得加日志看状态;安全性也不能忽略,像CSRF
和XSS
这些,项目里一定要防住。
如果你正在做一个练手的小项目,或者准备给新人讲讲什么是异步交互,拿这个包讲一遍,效果还蛮不错的。
10.32KB
文件大小:
评论区