- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我向 Microsoft 登录发出 HTTP POST 请求以获取用于邮件 API 的访问 token ,请求成功但代码转到我的代码的错误子句。
requestAccessToken(code: string)
{
console.log("request access token");
if (code) {
var headers = new Headers();
headers.append("Content-Type", 'application/x-www-form-urlencoded');
headers.append('Accept', 'application/json');
var requestoptions = new RequestOptions({
headers: headers
});
var body = `grant_type=authorization_code&
redirect_uri=http://localhost:4200&
code=`+ code + `&
client_id=4e[................]5ab&
client_secret=CE[..............]BC`;
this.http.post("https://login.microsoftonline.com/common/oauth2/v2.0/token", body, requestoptions).map((res: Response) =>
{
console.log("response given");
const data = res.json();
}).subscribe( (data) => {
console.log("The data is = " + data);
}, error => {
console.log("The error is = " + error)
});
}
浏览器控制台显示:XMLHttpRequest 无法加载 https://login.microsoftonline.com/common/oauth2/v2.0/token .请求的资源上不存在“Access-Control-Allow-Origin” header 。产地' http://localhost:4200 ' 因此不允许访问。zone.js:2019 XHR 加载失败:POST“https://login.microsoftonline.com/common/oauth2/v2.0/token”。outlook.service.ts:96 错误是 = Response with status: 0 for URL: null
响应显示我的访问 token 。那么为什么我不能从代码中获取它呢?为什么它会出现错误子句。
最佳答案
您看到的是向服务器发送跨源请求但未在响应中收到 Access-Control-Allow-Origin
响应 header 时的预期行为。
具体来说,只要您的跨源请求没有导致您的浏览器执行 preflight OPTIONS
request 的特征在发出请求之前,请求将在服务器端成功 - 但是,因为服务器对该请求的响应不包含 Access-Control-Allow-Origin
响应 header ,您的浏览器阻止您的前端代码真正看到服务器发送的响应。
但是,如果您打开浏览器开发工具,您仍然可以在那里看到响应。但是仅仅因为浏览器收到了响应并且你可以在 devtools 中看到它,并不意味着浏览器会将响应暴露给你的代码。它只会在具有 Access-Control-Allow-Origin
时公开它。
这一切似乎有悖常理,但如果您还记得浏览器是强制执行跨源限制的唯一点,那么这一切都是有道理的。服务器不会阻止跨源请求。
当您发送该请求的服务器收到请求时,它不会检查来源来决定是否响应。服务器只是接受请求并处理它,然后发送响应。但随后浏览器会阻止您的代码访问该响应。
但同样重要的是要记住,浏览器不会阻止您的代码发送请求跨域。当请求具有触发浏览器执行 preflight 的质量(如特殊 header )时,浏览器只会阻止发送跨域请求。 .
因此,如果您的请求不是触发预检的请求,浏览器会发送它,而服务器会接收并处理它。如果请求方法是 POST
或其他目的是改变服务器状态的方法——在这种情况下你可能不太关心响应是什么——那么请求达到预期的程度服务器端的效果,才算成功。
但考虑一下当您实际上非常关心响应是什么时会发生什么:考虑 GET
请求会发生什么,其中发出请求的全部目的是取回响应。
如上所述,如果请求不是触发预检的请求,则浏览器发送它,服务器接收它,并返回响应。但是,如果响应不包含 Access-Control-Allow-Origin
响应 header ,您的浏览器将不允许您的前端 JavaScript 代码访问它。
很明显,因为发出 GET
请求的全部目的是对响应做一些事情,那么在这种情况下,如果您的代码无法访问响应,那将是一个艰难的、彻底的失败——在与 POST
请求的情况相反,请求主体实际上仍然按预期发布,但您只是没有办法让您的代码检查响应以查看请求是否成功.
关于javascript - 请求在服务器上成功,但在浏览器中导致 CORS 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44196915/
我正在尝试从该网站抓取历史天气数据: http://www.hko.gov.hk/cis/dailyExtract_uc.htm?y=2016&m=1 在阅读了 AJAX 调用后,我发现请求数据的正确
我有两个 postman 请求 x,y,它们命中了两个不同的休息 api X,Y 中的端点。 x 会给我一个身份验证 token ,这是发出 y 请求所必需的。如何在请求 y 中发出请求 x ?也就是
我使用请求库通过 API 与其他服务器进行通信。但现在我需要同时发送多个(10 个或更多)POST 请求,并且只有在所有响应都正确的情况下才能进一步前进。通常语法看起来有点像这样: var optio
背景:当用户单击按钮时,其类会在class1和class2之间切换,并且此数据是通过 AJAX 提交。为了确认此数据已保存,服务器使用 js 进行响应(更新按钮 HTML)。 问题:如果用户点击按钮的
我正在将 Node.js 中的请求库用于 Google 的文本转语音 API。我想打印出正在发送的请求,如 python example . 这是我的代码: const request = requi
我经常使用requests。最近我发现还有一个 requests2 和即将到来的 requests3 虽然有一个 page其中简要提到了 requests3 中的内容,我一直无法确定 requests
我正在尝试将图像发送到我的 API,然后从中获取结果。例如,我使用发送一个 bmp 图像文件 file = {"img": open("img.bmp)} r = requests.post(url,
我发现 Google Cloud 确保移出其物理环境的任何请求都经过强制加密,请参阅(虚拟机到虚拟机标题下的第 6 页)this link Azure(和 AWS)是否遵循类似的程序?如果有人能给我指
我有一个 ASP.NET MVC 应用程序,我正在尝试在 javascript 函数中使用 jQuery 来创建一系列操作。该函数由三部分组成。 我想做的是:如果满足某些条件,那么我想执行同步 jQu
我找不到如何执行 get http 请求,所以我希望你们能帮助我。 这个想法是从外部url(例如 https://api.twitter.com/1.1/search/tweets.json?q=tw
我的应用只需要使用“READ_SMS”权限。我的问题是,在 Android 6.0 上,当我需要使用新的权限系统时,它会要求用户“发送和查看短信”。 这是我的代码: ActivityCompat.re
我的前端代码: { this.searchInput = input; }}/> 搜索 // search method: const baseUrl = 'http://localho
我有一个由 AJAX 和 C# 应用程序使用的 WCF 服务, 我需要通过 HTTP 请求 header 发送一个参数。 在我的 AJAX 上,我添加了以下内容并且它有效: $.ajax({
我正在尝试了解如何使用 promises 编写代码。请检查我的代码。这样对吗? Node.js + 请求: request(url, function (error, response, body)
如果失败(除 HTTP 200 之外的任何响应代码),我需要重试发送 GWT RPC 请求。原因很复杂,所以我不会详细说明。到目前为止,我在同一个地方处理所有请求响应,如下所示: // We
当用户单击提交按钮时,我希望提交表单。然而,就在这种情况发生之前,我希望弹出一个窗口并让他们填写一些数据。一旦他们执行此操作并关闭该子窗口,我希望发出 POST 请求。 这可能吗?如果可能的话如何?我
像 Facebook 这样的网站使用“延迟”加载 js。当你必须考虑到我有一台服务器,流量很大时。 我很感兴趣 - 哪一个更好? 当我一次执行更多 HTTP 请求时 - 页面加载速度较慢(由于限制(一
Servlet 容器是否创建 ServletRequest 和 Response 对象或 Http 对象?如果是ServletRequest,谁在调用服务方法之前将其转换为HttpServletReq
这是维基百科文章的摘录: In contrast to the GET request method where only a URL and headers are sent to the serv
我有一个循环,每次循环时都会发出 HTTP post 请求。 for(let i = 1; i console.log("succes at " + i), error => con
我是一名优秀的程序员,十分优秀!