js 跨域访问给出示例
时间: 2023-07-11 11:46:45 浏览: 95
Jquery 跨域访问 具体实例
好的,下面给您提供一个简单的跨域访问的示例:
假设有两个网站:a.com 和 b.com,现在在 a.com 上需要访问 b.com 上的数据,但是由于跨域的限制,直接访问是不允许的。
1. 在 b.com 上设置允许跨域访问的 header
可以在 b.com 的服务器端设置 header,允许 a.com 进行跨域访问。例如,在 b.com 的服务端代码中加入如下代码:
```
// 允许 a.com 进行跨域访问
header("Access-Control-Allow-Origin: http://a.com");
```
2. 在 a.com 上使用 AJAX 进行跨域访问
在 a.com 的前端页面中,使用 AJAX 进行跨域访问。例如,可以使用 jQuery 中的 $.ajax() 方法:
```
$.ajax({
url: "http://b.com/data",
success: function(data) {
// 处理返回的数据
}
});
```
注意:在使用 AJAX 进行跨域访问时,需要设置 `dataType: 'jsonp'` 或者使用 CORS(跨域资源共享)来进行访问。
阅读全文