解决AJAX中跨域访问出现’没有权限’的错误

跨域访问的概念

跨域访问是指客户端（前端网页）在访问服务器端（后端网页）时，两者的域名不一致，从而产生了跨域问题。

在现代化网站应用中，由于很多服务器和网站的域名不一致，因此经常会出现无法通过Ajax发送或接收数据的问题，错误信息通常为“没有权限”，这是浏览器的默认安全策略所造成的。

解决AJAX中跨域访问出现“没有权限”错误的攻略

常见的跨域访问解决方案包括：JSONP、CORS和代理服务器等。这里我们主要介绍CORS（跨域资源共享）的解决方法。

CORS介绍

CORS是使用自定义HTTP头来允许网页访问跨域资源的标准。它允许在服务器端设置响应头，从而解决浏览器跨域访问的限制问题。

在使用CORS的时候，需要在服务器端设置Access-Control-Allow-Origin响应头，允许访问的源。如果需要允许多个源，可以使用逗号分隔。

示例1：使用PHP实现CORS

在服务器端使用PHP语言实现CORS，代码如下：

header("Access-Control-Allow-Origin:*");
header('Access-Control-Allow-Methods:POST,GET,PUT,DELETE,OPTIONS');
header('Access-Control-Allow-Headers:x-requested with, content-type');

通过设置Access-Control-Allow-Origin响应头，来授权跨域访问。在这个示例中，我们设置了允许的请求方法、请求头部字段。

示例2：使用Node.js实现CORS

在服务器端使用Node.js实现CORS，代码如下：

var http = require('http');

http.createServer(function(request, response) {

response.writeHead(200, {
'Access-Control-Allow-Origin': '*',
'Access-Control-Allow-Methods': 'GET,POST',
'Access-Control-Allow-Headers': 'Content-Type,Accept',
});

response.end('Hello World\n');

}).listen(8080);

console.log('Server running at http://127.0.0.1:8080/');

通过设置Access-Control-Allow-Origin响应头，来授权跨域访问。在这个示例中，我们设置了允许的请求方法、请求头部字段。

总结

CORS能够让页面在访问其他域名下的资源时，能够获得正确的响应结果，使得网页可以与其他域名跨域交互，这对一些需要借助第三方接口完成开发的网站非常重要。