.ajax语法beforesend(xhr)修改跨域请求头_前后端分离的跨域访问(CORS)
时间: 2024-03-30 22:33:49 浏览: 85
ajax前台后台跨域请求处理方式
在前后端分离的跨域访问中,我们可以通过修改请求头来实现跨域访问。具体来说,我们可以在发送ajax请求时,通过设置beforeSend回调函数来修改XMLHttpRequest对象(即xhr对象)的请求头,从而使得服务器端能够接受跨域请求。
例如,我们可以通过以下代码来实现在跨域请求时,添加自定义的请求头:
```
$.ajax({
url: 'http://example.com/api',
dataType: 'json',
type: 'GET',
beforeSend: function(xhr) {
xhr.setRequestHeader('Authorization', 'Bearer ' + token);
},
success: function(data) {
console.log(data);
},
error: function(xhr, status, error) {
console.log(error);
}
});
```
在这个例子中,我们在请求头中添加了Authorization字段,值为Bearer + token,其中token是我们事先获取的认证信息。通过这种方式,我们就可以在跨域请求时,添加自定义的请求头,从而实现跨域访问。
阅读全文