<!DOCTYPE html>
<html lang="ru" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Get time</title>
<script>
var URL = "http://time.jsontest.com/";
async function get_time() {
body = document.body;
body.innerHTML = "load page...wait";
try {
response = await fetch(URL);
if (!response.ok) {
throw new Error("Not OK");
}
resp = await response.text();
json = JSON.parse(resp);
body.innerHTML = "date: " + json.date + "<br>"
body.innerHTML += "milliseconds_since_epoch: " + json.milliseconds_since_epoch + "<br>";
body.innerHTML += "time: " + json.time + "<br>";
} catch (error) {
console.log("Error request: ", error.message);
}
}
</script>
</head>
<body onload="get_time()">
</body>
</html>
Есть сайт с которого нужно вытянуть UNIX время. http://time.jsontest.com/
Под Chrome, FF, Edge
(async ()=>
{
let resp = await fetch(`http://time.jsontest.com/`);
let data = await resp.json();
console.log(data.milliseconds_since_epoch)
})()
xhr.responseType = 'json';
При этом автоматического преобразования данных не будет происходить.
]]>curdate = JSON.parse(data).milliseconds_since_epoch; не работает.
А вы в каком браузере проверяете ? )
Я как раз по этой причине, сразу под кодом написал:
Это не очень хорошее решение, так как опять же не универсальное для браузеров, но для теста нам вполне подойдёт.
Для IE11 работает без проблем. Так как в нём JSON объект уже встроен. Насколько мне известно, нативная поддержка JSON присутствует в:
IE8+
Firefox 3.1+
Safari 4.0.3+
Opera 10.5+
Я не совсем понимаю ваш пример, но таймаут не дожидается ответа сервера, он ждет выполнения функции:
Печально. Как я уже написал выше, предложенный Вами таймаут, может вызывать ошибку, в случае если событие onload сработает позже него, либо таймаут может продолжать ожидание не смотря на то что данные уже пришли, если событие произошло ранее. Не хочу повторно расписывать то, что уже писал выше. Пожалуйста, изучите более детально пример из предыдущего сообщения. Я постарался максимально подробно и понятно пояснить чем плох таймаут в этом случае. И прошу, не дублируйте ошибку со строкой:
curdate = `${data.milliseconds_since_epoch}`;
Ведь уже очевидно, что это приводит к неработоспособности кода.
]]>так как сначала срабатывает таймаут, выполняя функцию с выводом значения переменной, не дождавшись ответа сервера и уже потом появляется сообщение о завершении выполнения запроса.
Я не совсем понимаю ваш пример, но таймаут не дожидается ответа сервера, он ждет выполнения функции:
alert(1);
setTimeout(alert, 3000, 2);
alert(3);Или более наглядно:
function pause(delay) {
var startTime = Date.now();
while (Date.now() - startTime < delay);
}
var getJSON = function(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.onload = function() {
var status = xhr.status;
if (status == 200) {
callback(null, xhr.response);
} else {
callback(status);
}
};
xhr.send();
};
getcurdate = getJSON('http://time.jsontest.com',
function(err, data) {
if (err != null) {
console.error(err);
} else {
curdate = `${data.milliseconds_since_epoch}`;
pause(3000);
}
});
setTimeout(function () {
alert(curdate);
}, 1000);
curdate = `${data.milliseconds_since_epoch}`
Или имеется в виду нечто иное ?
3) Судя по коду, вы хотите создать функцию для запроса данных с callback-ом. Если так, то опять же зачем изобретать "велосипед", если в jQuery это всё уже прекрасно решено. Причём решено кроссбраузерно, гибко, с миниморумом кода и в самых разных вариациях (события, промисы, коллбэки) ?
P.S Возможно я чего-то не учитываю ? При написании расширения для хрома есть ограничения ?
]]>1)
Тс нужно вытянуть UNIX время из страницы, а про готовое решение для страницы, я что-то не вижу, где бы он такое писал.
....
Я не знаю, для каких целей тс нужно выполнить код в консоли.
Хорошо, про готовое решение соглашусь - об этом не было упомянуто, но не было и упомянуто о том, чтобы выполнять код в консоли. Вызовы типа:
console.error(err)на мой взгляд, не говорят о том, что весь код будет исполняться в консоли, а лишь о том, что тс пытался отлаживать код выводя сообщения в консоль.
Второй момент. Выполнять функцию в консоли предложили Вы:
Там я имел в виду, что через консоль нужно сначала выполнить функцию, а потом выполнить следующий код.
Так как функций несколько, о чём я уже писал, я решил уточнить какую именно Вы предлагаете выполнить в консоли и для каких целей, так как мне не совсем была понятна цель этого действия и до сих пор не ясна.
2)
Насчет запуска из консоли, я сделал такой вывод, исходя из этой строчки: "console.error(err);" в примере кода.
Об это я уже написал в первом пункте.
3)
И с чего вы взяли, что выше функция может долго ждать ответ ?
С радостью поясню. Так как запрос уходит через web, то время ответа сервера может быть разным. Для примера я решил внести небольшие изменения, в приведённый Вами код.
а) Заменил url, на который происходит обращение на http://my-server.ml/test/. Серверный скрипт по этому адресу принимает параметр delay (задержка) для выполнения задержки на n миллисекунд. Т.е симулирует задержку, которая может произойти в результате отдачи объёмного контента, либо в результате нестабильного интернет соединения, либо в виду прочих причин.
б) в событии onload добавил
alert('request complete');, чтобы мы могли узнать когда пришёл ответ от сервера.
в) Исправил место, где в коде происходила ошибка.
curdate = `${data.milliseconds_since_epoch}`;
заменил на
curdate = JSON.parse(data).milliseconds_since_epoch;
Это не очень хорошее решение, так как опять же не универсальное для браузеров, но для теста нам вполне подойдёт.
Итак код:
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script type="text/javascript">
var getJSON = function(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.onload = function() {
alert('request complete');
var status = xhr.status;
if (status == 200) {
callback(null, xhr.response);
} else {
callback(status);
}
};
xhr.send();
};
getcurdate = getJSON('http://my-server.ml/test/',
function(err, data) {
if (err != null) {
console.error(err);
} else {
curdate = JSON.parse(data).milliseconds_since_epoch;
}
});
setTimeout(function () {
alert(curdate);
}, 1000);
</script>
</head>
</html>
Можете провести у себя тест:
1) При запросе без указания задержки сначала получаем сообщение "request complete" и только потом, по истечении таймаута, уже сообщение с данными.
2) Если же мы заменяем url на http://my-server.ml/test/?delay=3000, то в консоли происходит ошибка:
"curdate" не определено
так как сначала срабатывает таймаут, выполняя функцию с выводом значения переменной, не дождавшись ответа сервера и уже потом появляется сообщение о завершении выполнения запроса.
Именно по этой причине, я указал Вам на ненадёжность использования таймаута в коде.
]]>Какую из них вы предлагаете предварительно выполнить в консоли и для каких целей ?
Я не знаю, для каких целей тс нужно выполнить код в консоли.
2) Насчет запуска из консоли, я сделал такой вывод, исходя из этой строчки: "console.error(err);" в примере кода.
3) И с чего вы взяли, что выше функция может долго ждать ответ?
Я, например, тестировал alert внутри 3-ой функции после else, и у меня всегда работало.