原生 JS 的 AJAX 求代码,真的是前端开发里的“基本功”。不用框架、不靠库,写法直白,逻辑清晰,学会了对调试问题、理解网络求都挺有的。尤其是在你一些接口求,或者做点轻量级前后端通信时,用原生的XMLHttpRequest或者fetch,更轻、更快,完全够用。

代码里 POST 和 GET 两种求方式都有,参数怎么传、响应怎么,一看就懂。比如你要提交一个表单数据到后端,或者拿远程 JSON 数据动态渲染页面,拿这个来改一改就行。

不过要注意下,POST 求要加Content-Type,不然服务器不认。还有跨域的问题也别忘了,调接口前最好看看后端支持不支持 CORS。

这几个例子蛮实用的,我自己收藏的:一个讲下载的,一个是最常见的数据求格式展示,还有一个讲得更偏函数聚合方向,适合深入玩下。

如果你正想找些简单直接的原生 AJAX 例子练练手,下面这些链接可以点进去看看,代码都能直接运行改一改,体验感还不错:

如果你用框架用得有点腻了,或者想彻底搞懂 AJAX 的底层机制,不妨从这些代码入手,自己多敲几遍,效果挺。