CORB при использовании JSONP - PullRequest
Новая
       7

CORB при использовании JSONP

0 голосов
/ 07 февраля 2019

Я пытаюсь 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 обрабатывает запросы Cross Origin, как это.Так почему я получаю эту ошибку?Это как-то связано с сервером?Сообщение об ошибке выходит за рамки того, что я знаю, и я был бы признателен, если бы кто-нибудь мог указать мне, как заставить это работать.

1 Ответ

0 голосов
/ 07 февраля 2019

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

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

со ссылкой на этот пост попробуйте установить правильный тип MIME на стороне сервера.Также попробуйте удалить var_dump в PHP, это дублирует объект в теге script

...