JS跨域和同域的區別

JS跨域和同域的区别如下：

1. 同域：当两个页面具有相同的协议（http或https）、主机名和端口号时，它们被认为是同域的。在同域的情况下，JavaScript可以自由地在这两个页面之间进行通信，包括读取和修改彼此的数据。

2. 跨域：当两个页面的协议、主机名或端口号中任何一个不同，就被认为是跨域的。跨域访问是一种安全限制，浏览器会阻止跨域页面之间的直接通信。这是为了防止恶意网站通过JavaScript获取用户的敏感信息。

为了实现跨域通信，可以使用以下方法：

1. JSONP（JSON with Padding）：通过动态创建`<script>`标签，将需要获取的数据作为参数传递给服务器，服务器将数据包装在一个函数调用中返回给客户端。这种方式只支持GET请求。

2. CORS（Cross-Origin Resource Sharing）：在服务器端设置响应头，允许指定的域名访问资源。通过在服务器端设置`Access-Control-Allow-Origin`头部，可以实现跨域资源共享。

3. 代理服务器：通过在同域下创建一个代理服务器，将跨域请求发送到该代理服务器，再由代理服务器转发请求到目标服务器，并将响应返回给客户端。这种方式需要在服务器端进行配置。

4. WebSocket：WebSocket协议不受同源策略的限制，可以在不同域之间建立持久的双向通信连接。