Отказался от выполнения сценария по запросу jsonp

Question

Я делаю запрос jsonp, и я получаю эту ошибку Refused to execute script from 'https://myurl/test.php?callback=%27callback%27' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled., несмотря на то, что запрос возвращает код 200.

function callback(response){ 
    alert(response); 
} 

var script = document.createElement("script"); 
//Set the Type. 
script.type = "text/javascript"; 
//Set the source to the URL the JSON Service. 
script.src = "https://myurl/test.php?callback='callback'"; 
//Append the script element to the HEAD section. 
document.getElementsByTagName("head")[0].appendChild(script); 

и это test.php

<?php 
    $arr = array('a' => 1, 'b' => 2, 'c' => 3, 'd' => 4, 'e' => 5); 

    echo json_encode($arr); 
?> 

Answer 1

В PHP установлен перед эхом

header('Content-Type: application/json'); 

И ваш PHP не имеет никакого обратного вызова (вы не возвращаетесь JSONP). Вы хотите, чтобы это выглядело как-то ..

echo $_GET['callback'].'('.json_encode($arr).')'; 

Отредактировано

я пропустил абсолютный очевидно. JSONP предназначен для вызовов AJAX на разных площадках. Вы используете его как скрипт.

Это очень неудобный способ загрузки данных. Обычный способ - загрузить данные через вызов AJAX внутри скрипта, а не загружать переменные глобально.

Если вы действительно хотите пойти с вашим дизайном, сохраните тег application/json, но вернитесь к исходному echo json_encode($arr); Вы также можете отказаться от вызова callback = 'callback' - он ничего не делает.

Answer 2

необходимо указать тип вывода. Попробуйте добавить

header('Content-Type: application/json'); 

перед выводом массива в test.php

, а затем вам нужно обернуть весь кодированный вывод имени обратного вызова так JS на стороне клиента может работать с ним:

$callbackName = filter_input(INPUT_GET, 'callback'); 
echo $callbackName . '(' . json_encode($arr) . ')';