个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
46
4
警告是:
jquery-1.9.1.js:8526 跨源读取阻止 (CORB) 阻止跨源响应 https://www.metaweather.com/api/location/search/?query=lo MIME 类型为 application/json。请参阅https://www.chromestatus.com/feature/5629709824032768了解更多详情。
我的代码是:
<!DOCTYPE html>
<html>
<head>
<title> Search API </title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js">
</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="container">
<h2>API Search Whether</h2>
<div class="row">
<div class="col-md-6">
<input type="text" name="name" id="name" class="form-control">
</div>
<div class="col-md-2">
<button type="button" id="search" class="btn btn-primary btn-lg">Search</button>
</div>
</div>
<br><br><br><br>
<div class="row">
<table class="table" border="2px">
<thead>
<tr style="color:blue; font-weight:bold;">
<td >Domain</td>
<td>Suffix</td>
<td>Expiry Date</td>
<td>Created At</td>
<td>Country</td>
</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>
</div>
</div>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
<script type="text/javascript">
$("#search").click(function ()
{
$("#tbody").html("");
var $this = $(this);
var loadingText = '<i class="fa fa-circle-o-notch fa-spin"></i>Loading...';
$("#search").attr("disabled", true);
if ($(this).html() !== loadingText) {
$this.data('original-text', $(this).html());
$this.html(loadingText);
}
var name = $('#name').val();
var i;
$.ajax({
url: "https://www.metaweather.com/api/location/search/?query="+name,
dataType:'json',
headers: function(xhr){
xhr.setRequestHeader('x-xss-protection' ,'1; mode=block');
xhr.setRequestHeader('Content-Language' ,'en');
xhr.setRequestHeader('x-content-type-options', 'nosniff');
xhr.setRequestHeader('strict-transport- security' , 'max-age=2592000; includeSubDomains');
xhr.setRequestHeader('Vary' , 'Accept-Language, Cookie');
xhr.setRequestHeader('Allow' , 'GET, HEAD,OPTIONS');
xhr.setRequestHeader('x-frame-options' ,'DENY');
xhr.setRequestHeader('Content-Type' , 'application/json');
xhr.setRequestHeader('X-Cloud-Trace-Context' , 'f2dd29a5a475c5489584b993c3ce670d');
xhr.setRequestHeader('Date' , 'Thu, 14 Mar 2019 09:43:04 GMT');
xhr.setRequestHeader('Server' , 'Google Frontend');
xhr.setRequestHeader('Content-Length' , '100');
},
success: function (result) {
var f = result;
var content = '';
var i;
for (i = 0; i <= f[i] ; i++) {
content += "<tr>";
content = content+"<td>"+f[i].title+"</td>";
content = content + "</tr>";
}
$("#tbody").append(content);
$this.html($this.data('original-text'));
$("#search").attr("disabled", false);
}});
});
</script>
</body>
我尝试了过去 4 个小时但没有解决...提前感谢您的帮助...
最佳答案
我不认为这是一个绝对的答案，因为我在我构建的 Chrome 扩展上也遇到了相同的错误。现在，根据 CORB(跨源读取阻止)的建议，Chrome 团队在 73+ 版本中更新了浏览器的安全性，以防范 Spectre 和 Meltdown 漏洞。
在此链接中，他们提供了开发人员应如何修复此更新中的错误的方法:https://www.chromium.org/Home/chromium-security/corb-for-developers
其父资源是:https://www.chromestatus.com/feature/5629709824032768当我找到解决办法时，我将用它来更新这篇文章。
关于jquery - 如何解决这个问题: Cross-Origin Read Blocking (CORB) blocked cross-origin response，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55159973/
46
4
0
我已经使用 Jquery AJAX 调用了第三方 API。我在控制台中收到以下错误: Cross-Origin Read Blocking (CORB) blocked cross-origin re
我有一个 react webapp，它调用一个 api(使用 fetch 调用另一个 api)获取图像 url，并通过 img 标签在屏幕上呈现图像。 我遇到的问题是图像无法加载，而是在控制台中收到
我不确定为什么在尝试使用跟踪像素时会出现 CORB 错误。 我认为如果返回图像并且内容类型是图像(gif 或 jpeg)，则不会发生这些错误。确切的错误是: 跨源读取阻塞 (CORB) 阻止了跨源响应
我没有收到使用 Angular 4 服务的 api 调用的响应，但在浏览器中工作的相同调用我面临以下给定错误 - 跨源读取阻止 (CORB) 阻止跨源响应 最佳答案 我在获得回复方面也遇到了类似的挑战
我有一个 corb 脚本来对 xml 文件运行节点替换。 如果我不指定集合，它会从现有集合中删除文档吗？ 最佳答案 如果您使用 xdmp:node-replace() 更改文档，那么该文档将保留在它的
我知道很多人也有这个问题。但是，似乎人们正在混合使用CORB和CORS。我之前已经安装了CORS扩展程序，但似乎无法在CORB中使用。 我在前端使用聚合物 return { "Content-type
Chrome 一直工作到版本 73。现在它向我抛出 CORB 警告并阻止我的 chrome 扩展程序运行。 这是我的 ajax jquery 代码，没什么特别的 $.ajax({ url:
这个问题已经有答案了: XMLHttpRequest cannot load XXX No 'Access-Control-Allow-Origin' header (11 个回答) 已关闭 3 年前
我正在使用下载 URL 从我的 Firebase 存储中获取 HTML 文件并将其显示在模板中。在我的模板中，我使用 与 src设置为下载地址。浏览器显示损坏的文件，控制台显示 Cross-Origi
我正在优化我的 PDF 查看器应用程序，我想为 PDF 使用链接预加载。 PDF 下载是通过 XHR 请求触发的(它只是后台的 PDF.js 库)。 我的想法是预加载 PDF，然后当加载处理 PDF
合并发生在 corb 过程中，用于添加超过 1000 万个文档的节点。 CPU/IO 达到最大导致超时。如果我停电合并，corb 过程将由于许多站而停止。我能做什么或解决问题。 我有 6 片森林。 合
当我尝试从我的 JavaScript (React) 应用程序中访问 Pixabay API 时，遇到了跨源读取阻止 (CORB)。 这是我的获取代码: fetch(`https://pixabay.
我正在尝试 JSONP。我有一个如下所示的 HTML: JSONP 我的 main.js 文件是: function showPlayers(dat
我有一个服务器端呈现的 Angular 应用程序，我在其中使用 ng2-adsense在某些路线上展示 AdSense 广告。我注意到大部分时间(并非所有时间)我的广告都没有显示，并且我在 Chrom
我尝试使用 open-graph-scraper 和 Vue.js 抓取 OG 数据，但由于 Chrome 中的 CORB 而被阻止。对于我使用 Node 运行的脚本来说，它运行良好，但是是否有解决此
我正在 React 上运行一个简单的应用程序来显示我在 https://my.pcloud.com/ 上上传的文件中的音轨使用 React-Player 组件。 但是，轨道不显示，我在控制台上收到以下
我想调试 Chrome 74 中可能由 CORB 引起的本地开发环境问题。我想看看 - 当我关闭 CORB 时 - 问题是否消失。 根据 Google developer docs比如说 You ca
我是 CORB 的新手，正在尝试使用指南: https://github.com/marklogic-community/corb2/wiki/Hello-World-from-CORB 我的 COR
所以我有一个文件 uris.xqy，它获取我想在 corb 中操作的文档 URI。 然后我有引入 $URI 的 docs.xqy 将变量 $URI 声明为 xs:string external； 然后
我想通过我的 chrome 扩展程序中的 post 调用 api，问题是无法获取响应数据。 我刚刚在控制台中收到跨源读取阻止 (CORB)，但响应为空。 Cross-Origin Read Block
我是一名优秀的程序员,十分优秀！