Bitcoin api javascript

GET Optional parameters: Valid values are: К сожалению мои познания в области функций на JavaScript не так велики, так что стиль написания более процедурный с соответствующими повторами кода.

Хотелось быстрее написать калькулятор, осуществить свою задумку. Но главное, никакого сервера, всё исполняется из обычного файлика html. JavaScript Тэги: Toggle navigation. Страницы Быстрые ссылки О сайте Полезные ссылки Заметки.

Свежие записи Открывающийся по клику блок с текстом Эффект перспективы Массив — Инвертируем массив в Java 3 способа. Калькулятор криптовалюты на ajax.

Сначала измените файл index. В этом новом файле поместите тот же код JavaScript, который изначально был в файле index. Сохраните файл и перезагрузите index. Вы увидите тот же результат, который вы видели ранее. В настоящее время мы показываем некоторые фиктивные данные по цене Биткойн. Но давайте добавим Etherium. Для этого мы реструктурируем наши данные и изменим представление для работы с новыми данными. Откройте файл vueApp. Наша модель данных стала немного более сложной с вложенной структурой данных.

Теперь у нас есть ключ с именем resultsкоторый содержит две записи; один для цен в Bitcoin и другой для цен в Etherium. Эта новая структура позволит нам уменьшить дублирование.

Шаг 2 – Разделение JavaScript и HTML

Он также напоминает данные, которые мы получим из API-интерфейса cryptocompare. Откройте файл index. Этот код использует директиву v-forкоторая действует как цикл for. Она перебирает все пары ключ-значение в нашей модели данных и отображает данные для каждой из. Эта модификация позволяет нам добавлять новую валюту к results в vueApp.

Добавьте другую запись в набор данных, чтобы это попробовать: После того, как мы обработаем данные программно, нам не нужно добавлять новые столбцы в разметку вручную.

Пришло время заменить наши макетные данные живыми данными из API-интерфейса cryptocompare, чтобы показать цену Bitcoin и Ethereum на веб-странице в долларах США и евро. Этот результат выглядит точно так же, как жестко закодированная модель данных, которую вы использовали на предыдущем шаге. Все, что нам нужно сделать сейчас, это удалить текущие данные и сделать запрос на этот URL из нашего приложения. Чтобы сделать запрос, мы используем функцию mounted из Vue в сочетании с функцией GET библиотеки Axiosчтобы извлечь данные и сохранять их в модели данных в массиве results.

$.get — Калькулятор криптовалюты на ajax

Функция mounted вызывается, когда приложение Vue монтируется на элемент. Как только приложение Vue будет смонтировано, мы отправим запрос в API и сохраним результаты. Веб-страница будет уведомлена об изменении, и значения появятся на странице. Сначала откройте index. Сохраните файл, затем откройте vueApp. Обратите внимание, что мы удалили значение по умолчанию для results и заменили его пустым массивом. У нас не будет данных при первой загрузке нашего приложения, но мы не хотим, чтобы что-то сломалось.

Наше представление HTML ожидает, что некоторые данные будут перебираться при загрузке. Функция axios. Когда API возвращает данные успешно, выполняется код в блоке thenи данные сохраняются в нашей переменной results. Сохраните файл и перезагрузите страницу index.

Шаг 1 — Создание базового приложения Vue

На этот раз вы увидите текущие цены на криптовалюты. Менее чем за пятьдесят строк вы создали приложение, работающее с API, используя только три инструмента: Вы узнали, как отображать данные на странице, перебирать результаты и заменять статические данные результатами API.

Теперь, когда вы понимаете основы, вы можете добавить другие функции в ваше приложение. Измените это приложение для отображения дополнительных валют или используйте методы, которые вы изучили в этом руководстве, для создания других веб-приложений с использованием другого API.

Leave this field empty. Spread the love. Методы обработки ошибок во Vue. Понимание реактивности во Vue.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *