个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我正在尝试 JSONP。我有一个如下所示的 HTML:
<html>
<head>
<title>JSONP</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<script src="js/main.js"></script>
<script src ="https://truthsearcher83.000webhostapp.com/players_json.php?callback=showPlayers"></script>
</body>
</html>
我的 main.js 文件是:
function showPlayers(data){
console.log(data);
}
我的 php 文件是:
<?php
$json_obj = '{
$json_obj = '{"sachin" :{"country":"India" ,"age":36 , "role":"bat"},'.
'"sourav" :{"country":"India" ,"age":37 , "role":"bat"},'.
'"pointing" :{"country":"Aus" ,"age":56 , "role":"bowl"},'.
'"gilchrist" :{"country":"Aus" ,"age":16 , "role":"wick"}}';
echo var_dump($json_obj);
echo 'showPlayers('.$json_obj.')';
?>
我将 php 文件托管在 https://truthsearcher83.000webhostapp.com/players_json.php
我在我的控制台中收到此错误并且我的 console.log 没有显示任何内容。
跨源读取阻止 (CORB) 阻止了跨源响应 https://truthsearcher83.000webhostapp.com/players_json.php?callback=showPlayers使用 MIME 类型文本/html。参见 https://www.chromestatus.com/feature/5629709824032768了解更多详情。
我刚刚开始学习 Ajax 和 JSONP，我知道 JSONP 会像这样处理跨源请求。那么为什么我会收到此错误？跟服务器有关系吗？
最佳答案
https://stackoverflow.com/a/24528549/9265743
header('Access-Control-Allow-Origin: *');
header('Content-Type: application/javascript');
引用这篇文章尝试在服务器端设置正确的 MIME 类型。另外，尝试删除 PHP 中的 var_dump，这会复制脚本标记中的对象
关于javascript - 使用 JSONP 时的 CORB，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54567889/
28
4
0
如果可能的话，我想在答案中举一个具体的例子。 为了解释起见，我们这里有三个玩家。 我的服务器 (myserver.com) 客户端服务器 (myclient.com) 客户用户(通过 myclient
我想通过 JSONP 提供 Web 服务，并且想知道是否需要清理回调参数中的值。 我当前的服务器端脚本目前看起来像这样(或多或少。代码在 PHP 中，但实际上可以是任何东西。): header("Co
我有一个每分钟更新一次数据的 Web 服务器，并且希望使该数据可供所有类型的客户端使用。为了减少带宽，我使用 IF-MODIFIED-SINCE 和/或 IF-NONE-MATCH 设置 PHP 脚本
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 7 年前。 Improv
我正在努力使用 vue-resource 发出 JSONP 请求。任何人都可以提供一些工作示例来演示定义 jsonp 回调、处理 Vue 组件中的调用等的正确方法。 谢谢 **编辑:**对于其他人，让
我正在尝试获取 AngularJS 中 rest api 的 JSON 输出。以下是我面临的问题: Rest api url 中有端口号，AngularJS 为变量插入端口号。为此，我尝试了多种解决方
代码: 当我在浏览器中输入网址时，我可以看到所有对象，例如: link 但我似乎无法让它在我的代码中工作，我是否遗漏了什么？ angular.module('ionicApp', ['ionic']
我在连接最近了解 JSONP 的一些点时遇到了麻烦。这是我的理解: 由于同源策略，禁止任何内容(包括 JSON)的跨域 XmlHttpRequests。这可以防止 XSRF。 您可以拥有一个带有返回
我正在使用 JSONP 进行 Ajax 调用以从第三方(与我的站点不同的域)获取 JSON 数据，它在 Chrome 和 Firefox 上工作但在 IE 上失败(9 和 10 是我试过的版本) .在
django rest 框架发行说明声称在 0.3.0 中重新添加了 JSONP 支持。我还在框架中找到了一个 JSONPRenderer 类。但是，我似乎找不到有关如何使用该东西的任何文档.....
我有一个使用 JSONP 的 WCF 服务(托管在 Azure 中)。它在 HTTP 上工作得很好，即，如果它仅接收 JSON，则仅返回 JSON，如果它接收 JSONP，则返回 JSONP。但是，一
有人知道为什么我的ajax失败吗？ 我从这里通过 JSONP 获取数据: JSON Data 您可以使用此代码，并注意“警报”如何永远不会执行: $(document).ready(function(
我正在使用 jaubourg 的 jquery-jsonp module从与我的网站所在的域不同的域中获取数据。我从 jQuery 的 ajax 开始使用这个模块函数不支持 JSONP 请求的错误处理
我有一个使用 Jquery Mobile 制作移动 Web 应用程序的项目。我希望我的应用程序能够使用来自跨域 REST Web 服务的数据。很多人说用JSONP。但我仍然困惑如何使用它以及如何构建支
我正在使用 Angular 的 $http.jsonp() 请求，它成功返回了包含在函数中的 json: var url = "http://public-api.wordpress.com/rest
基于 Please explain JSONP ，我知道可以使用 JSONP 来绕过同源策略。 但是为了做到这一点，页面必须使用 标签。 我知道页面可以动态地发出新的脚本标签，例如: docum
在 jQuery 中使用 JSONP 时是否可能捕获错误？我已经尝试了 $.getJSON 和 $.ajax 方法，但都不会捕获我正在测试的 404 错误。这是我尝试过的方法(请记住，这些都可以成功运
我正在为一个带有嵌入推文的页面使用内容安全策略，我收到了 https://cdn.syndication.twimg.com 的报告。 ，这在我的政策中是不允许的。 这是一个很长的政策，但相关部分
使用 mootools 和 JsonP 我在 Firefox 错误控制台中收到“无效标签”错误 JsonP 似乎可以工作(我正确地获取了数据) {"jsondata":[{"title":"title
JSONP (JSON with Padding) 是 JSON 的一种 使用模式，可以让网页从别的网站那获取数据，即跨域读取数据 为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP
我是一名优秀的程序员,十分优秀！