时间戳

首页 > 解决方案 > 使用 JSONP 时的 CORB

javascript - 使用 JSONP 时的 CORB

问题描述

我正在尝试 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 可以处理这样的跨域请求。那么为什么我会收到这个错误？跟服务器有关系吗？

标签： javascriptjsonp

解决方案

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

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

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

推荐阅读