导读 最近在开发时遇到个头疼的问题——使用 JSONP 跨域请求数据时，控制台蹦出一个奇怪的错误：`Unexpected token :` 🐛。这让人摸不着头...
最近在开发时遇到个头疼的问题——使用 JSONP 跨域请求数据时，控制台蹦出一个奇怪的错误：`Unexpected token :` 🐛。这让人摸不着头脑，明明代码看起来没问题呀！😅
深入排查后发现，JSONP 的本质是动态创建 `<script>` 标签，而返回的数据必须是一个立即执行的函数调用。如果服务端返回的是纯 JSON（例如 `{ "key": "value" }`），浏览器会直接解析为 JavaScript 语法，导致报错。😱
解决方法很简单：确保服务端返回的数据被包裹成函数调用的形式，比如 `callbackFunction({ "key": "value" })`。这样，浏览器就能正确解析并执行回调函数啦！✨
如果你是服务端开发者，记得修改响应头，确保返回内容符合 JSONP 格式哦～💡
问题解决后的那一刻，简直太爽了！💪🎉 前端小技巧 JSONP 跨域请求