Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.94/18: Рейтинг темы: голосов - 18, средняя оценка - 4.94
0 / 0 / 0
Регистрация: 07.06.2016
Сообщений: 78

Как вывести некоторые данные из файла json на страницу html?

24.07.2019, 16:18. Показов 3592. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как с помощью JavaScript вывести некоторые данные из файла json на страницу html ?

Нужно вывести данные "city", "isp" и "query".
JSON
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{
   "businessName" : "",
   "businessWebsite" : "",
   "city" : "Naberezhnye Chelny",
   "continent" : "Europe",
   "country" : "Russia",
   "countryCode" : "RU",
   "ipName" : "91x144x155x197.static-business.chelny.ertelecom.ru",
   "ipType" : "Residential",
   "isp" : "JSC 'ER-Telecom Holding'",
   "lat" : "55.72545",
   "lon" : "52.41122",
   "org" : "JSC 'ER-Telecom Holding'",
   "query" : "91.144.155.197",
   "region" : "Tatarstan Republic",
   "status" : "success"
}
https://extreme-ip-lookup.com/json
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
24.07.2019, 16:18
Ответы с готовыми решениями:

Как вывести данные из БД django на HTML страницу?
Нужно из БД django вытащить данные в виде таблицы. Способ нашёл только 1, но он не работает. На скринах модель, представление и способ...

Как вывести введенные данные с админки на HTML страницу?
Всем привет! Как отобразить данные на странице? Мои жалкие попытки не принесли результатов. views.py def Retro(request): retro...

Как вывести данные из js-объекта на страницу (в HTML). Задача о рюкзаке
Всем привет, я только начал учить js так что не судите строго. Я использовал вот этот скрипт для решения задачи о рюкзаке. ...

2
4 / 2 / 2
Регистрация: 05.06.2019
Сообщений: 4
24.07.2019, 22:30
Для того чтобы получить данные, нужно сделать http запрос
JavaScript
1
2
3
4
5
6
7
8
9
10
let xhr = new XMLHttpRequest();
let url = 'https://extreme-ip-lookup.com/json';
xhr.open("GET", url, false);
 
xhr.send();
 
if (xhr.status == 200) {
  let data = JSON.parse(xhr.responseText);
  // дальше бери данные из объекта и вставляй на страницу
}
0
Эксперт JS
2037 / 1096 / 409
Регистрация: 29.04.2016
Сообщений: 2,625
25.07.2019, 00:41
Siurendy,

http://some-test.onlinewebshop... ookup.com/
HTML5
1
<div id="res"></div>
JavaScript
1
2
3
4
5
6
7
8
9
(async ()=> {
    let answer = await fetch('https://extreme-ip-lookup.com/json'), data = await answer.json();
 
    document.querySelector('#res').insertAdjacentHTML('afterBegin', `
        city : ${data.city} <br>
        isp : ${data.isp} <br>
        query : ${data.query}
    `);
})();
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
25.07.2019, 00:41
Помогаю со студенческими работами здесь

Вывести данные из JSON на страницу
Всем привет! Имеется JSON с такими данными. Как содержимое из stats вывести на страницу с помощью JavaScript? { ...

Как вывести данные в html страницу в виде таблицы из mysql. php
Вот так могу &lt;?php require 'scripts/connect.php'; $sql_select = &quot;SELECT * FROM pers&quot;; $result = mysql_query($sql_select); $row...

Как спарсить некоторые данные из JSON
Приветствую! есть файл в формате JSON, вот пример его кода =&gt; 34339 =&gt; Alexander =&gt; Andreevich =&gt;...

Как вставить в текущую html-страницу содержимое другого html-файла?
Как вставить в текущую html-страницу содержимое другого html-файла? Допустим есть файл index.php: &lt;html&gt; ...

Как вывести json файл на страницу без тегов
Я получаю с сервера json файл, вида {&quot;a&quot;:&quot;&lt;p&gt;wewewewewewe &lt;a href='#'&gt;wewqeqwe&lt;/a&gt;&lt;/p&gt;&quot;}. Вопрос как мне его вывести на страницу, чтоб...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru