Question

我正在尝试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.')';

  ?>

我在https://truthsearcher83.000webhostapp.com/players_json.php托管php文件

我的控制台出现此错误，而console.log没有显示任何内容。

跨域读取阻止（CORB）阻止了MIME类型为text / html的跨域响应https://truthsearcher83.000webhostapp.com/players_json.php?callback=showPlayers。有关更多详细信息，请参见https://www.chromestatus.com/feature/5629709824032768。

我刚刚开始学习Ajax和JSONP，并且我了解JSONP可以处理这样的跨源请求。那么，为什么会出现此错误？与服务器有关吗？错误消息超出了我所知道的范围，如果有人可以指出我如何进行此操作，我将不胜感激。

Answer 1

https://stackoverflow.com/a/24528549/9265743

header('Access-Control-Allow-Origin: *');
header('Content-Type: application/javascript');

与此帖子相关的

尝试在服务器端设置正确的MIME类型。另外，尝试在PHP中删除var_dump，这会复制脚本标记中的对象

使用JSONP时的CORB

1 个答案: