Загрузка JSON в D3 v5 через Fetch API в Chrome?

Question

Загрузка JSON в D3 v5 через Fetch API в Chrome?

1

При запуске следующего кода в Chrome d3.json вызов d3.json не запускается до pubs.json пор, пока pubs.json будет загружен в другую вкладку/окно браузера. Он работает, когда d3.json вставлен в консоль браузера Chrome, он работает, если работает в Firefox...

Я использую Python http.server на localhost.

Почему это происходит в Chrome?

структура:

proj/
  index.html
  pubs.json

код:

<html>
  ...
  <body>
    ...
    <script>
        $(document).ready(function(){
            d3.json("/pubs.json").then(function(data) {
                console.log(data);
            });
        });
    </script>
  </body>
</html>

conner.xyz 30 июль 2018, в 23:49

Источник

0

Что вы подразумеваете под "до pubs.json пор, пока pubs.json не загрузится в другую вкладку / окно браузера"? У вас есть ссылка для воспроизведения вашей проблемы?
Pierre Capo 30 июль 2018, в 21:35
0

Тег скрипта должен быть внутри тега body. Это только опечатка при переписывании на этот пост?
bigless 30 июль 2018, в 21:45
0

Я знаю, что это может быть глупый вопрос, но вы проверили, используете ли вы подходящий сервер для тестирования этого кода? Javascript в целом имеет несколько ограничений, когда он не работает с надлежащими разрешениями, и хотя Firefox и Safari позволяют вам несколько обойти это, Chrome этого не делает.
Manuel Alejandro Caetano 30 июль 2018, в 22:49
0

@ManuelAlejandroCaetano, вероятно, не "правильно". Я использую http.server Python. Думаю, у меня никогда не было этой проблемы раньше.
conner.xyz 31 июль 2018, в 01:30
0

@PierreCapo Я имею в виду, что, насколько мне известно, обещание при загрузке страницы ожидается. Затем, если в другой вкладке / окне браузера я загружаю <host>/pubs.json обещание выполняется в исходной вкладке / окне.
conner.xyz 31 июль 2018, в 01:34
0

Если это проблема CORS, может быть, включить CORS на сервере Python? stackoverflow.com/questions/21956683/...
NoobTW 31 июль 2018, в 01:45

Показать ещё 4 комментария

Теги:

javascript

d3.js

es6-promise

fetch

1 ответ

Ещё вопросы

Что вы подразумеваете под "до pubs.json пор, пока pubs.json не загрузится в другую вкладку / окно браузера"? У вас есть ссылка для воспроизведения вашей проблемы?
Тег скрипта должен быть внутри тега body. Это только опечатка при переписывании на этот пост?
Я знаю, что это может быть глупый вопрос, но вы проверили, используете ли вы подходящий сервер для тестирования этого кода? Javascript в целом имеет несколько ограничений, когда он не работает с надлежащими разрешениями, и хотя Firefox и Safari позволяют вам несколько обойти это, Chrome этого не делает.
@ManuelAlejandroCaetano, вероятно, не "правильно". Я использую http.server Python. Думаю, у меня никогда не было этой проблемы раньше.
@PierreCapo Я имею в виду, что, насколько мне известно, обещание при загрузке страницы ожидается. Затем, если в другой вкладке / окне браузера я загружаю <host>/pubs.json обещание выполняется в исходной вкладке / окне.
Если это проблема CORS, может быть, включить CORS на сервере Python? stackoverflow.com/questions/21956683/...

rioV8 · Answer 1 · 2018-07-30T21-18-00.000Z

Chrome является педантичным в отношении CORS (Same Origin)

Попробуйте следующее:

d3.json(chartURL, {credentials: 'same-origin'}).then(function(data) {
    ....
});

Если файл загружен другой вкладкой, он может быть найден в кеше, и, возможно, тогда требования не будут более строгими.