在Web开发中,跨域是指在一个域下的网页去请求另一个域下的资源。由于浏览器的同源策略限制,JavaScript默认只允许在同一个域下进行请求和访问资源,而跨域请求会被浏览器禁止。然而,通过使用一些技术手段,我们可以绕过这个限制,并实现跨域获取资源的功能。本文将介绍几种常用的跨域解决方案,并提供相应的源代码示例。
- JSONP(JSON with Padding)
JSONP是一种利用<script>标签的跨域解决方案。它利用<script>标签可以跨域请求资源的特性,通过动态创建<script>标签,将跨域请求的数据以回调函数的形式返回。以下是一个简单的JSONP示例:
function handleResponse(data) {
console.