xmlhttprequest 跨域

XMLHttpRequest是一种在web应用中发送HTTP请求的技术，它通过JavaScript来实现与服务器的通信。由于同源策略的限制，XMLHttpRequest默认只能发送同源请求，即请求的URL与当前页面的URL有相同的域名、协议和端口。跨域请求是指请求的URL与当前页面的URL不同，这在实际开发中经常会遇到，比如在不同的域名下请求数据或调用接口。因此，解决跨域请求问题是很重要的。

跨域请求的解决方案有多种，以下是一些常见的方法：

1. JSONP（JSON with Padding）：JSONP是一种跨域请求的解决方案，它利用了在html中可以通过script标签跨域请求资源的特性。通过在请求URL中添加一个回调函数的参数，服务器返回的数据会被拼接到这个回调函数中，从而实现跨域请求。

```javascript

function jsonp(url

callback) {

var script = document.createElement('script');

script.src = url + '?callback=' + callback;

document.body.appendChild(script);

}

function handleData(data) {

console.log(data);

}

jsonp('http://example.com/data'

'handleData');

```

2. CORS（Cross-Origin Resource Sharing）：CORS是一种官方标准的跨域请求解决方案，它通过在服务端设置HTTP响应头来控制跨域请求的行为。需要服务端支持CORS，可以设置Access-Control-Allow-Origin等响应头来允许跨域请求。

```javascript

var xhr = new XMLHttpRequest();

xhr.open('GET'

'http://example.com/data'

true);

xhr.onreadystatechange = function() {

if (xhr.readyState === 4 && xhr.status === 200) {

console.log(xhr.responseText);

}

};

xhr.send();

```

3. 代理服务器：通过在同源服务器上建立一个代理服务器来转发跨域请求，实现跨域通信。前端发送请求到同源代理服务器上，再由代理服务器转发请求到目标服务器，*再将结果返回给前端。这种方法需要维护一个代理服务器，通信效率相对较低。

4. WebSocket：WebSocket是一种全双工的通信协议，它可以在同源和跨域环境下进行通信。通过建立WebSocket连接，前端和后端可以进行实时的双向通信。WebSocket可以在浏览器和服务器之间建立长连接，实现实时的数据传输。

总的来说，跨域请求是前端开发中常见的问题，需要根据具体情况选择合适的解决方案。JSONP适用于简单的跨域请求，CORS是一种官方标准的解决方案，代理服务器和WebSocket也是常见的解决方案。在实际开发中，需要根据具体的需求及技术栈选择合适的跨域请求解决方案。