gpt4 book ai didi

javascript - 使用 JSONP 时的 CORB

转载 作者:行者123 更新时间:2023-11-30 19:50:08 28 4
gpt4 key购买 nike

我正在尝试 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
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com